Sebastian Krüger
23300f0c47
- Added postcss.config.js for Tailwind CSS 4 - Updated PLAN.md with progress overview section - Marked all completed features in implementation phases: - Phase 1: 95% complete (core infrastructure) - Phase 2: 90% complete (audio engine) - Phase 3: 60% complete (waveform visualization) - Added deployment files to project structure documentation Features marked as complete: ✅ Project setup with Next.js 16 + Tailwind CSS 4 ✅ Core UI components (Button, Card, Slider, Progress, Toast) ✅ Theme system with dark/light mode ✅ Web Audio API integration ✅ Audio file upload and decoding ✅ Playback controls and volume management ✅ Waveform rendering with Canvas API ✅ Timeline scrubbing and seeking ✅ Real-time progress visualization
Audio UI
A sophisticated browser-only audio editor built with Next.js 16, React 19, and Tailwind CSS 4.
Features (Planned)
- 100% Client-Side: All audio processing happens in your browser
- Multi-Track Editing: Professional multi-track audio editing
- Advanced Effects: EQ, compression, reverb, delay, and more
- Automation: Automate volume, pan, and effect parameters
- Recording: Record audio directly from your microphone
- Analysis Tools: Frequency analyzer, spectrogram, and loudness metering
- Export Formats: WAV, MP3, OGG, FLAC
- Project Management: Save and load complete projects
- Privacy-First: No uploads, all data stays local in your browser
Tech Stack
- Next.js 16 with React 19
- TypeScript 5
- Tailwind CSS 4 with OKLCH colors
- Web Audio API for audio processing
- Canvas API for waveform visualization
- IndexedDB for project storage
Getting Started
This project is currently in the planning phase. See PLAN.md for the complete implementation plan.
Development (Coming Soon)
# Install dependencies
pnpm install
# Run development server
pnpm dev
# Build for production
pnpm build
Inspiration
Inspired by AudioMass and professional DAWs like Ableton Live, Logic Pro, and FL Studio.
License
TBD
Contributing
This is a personal project, but suggestions and ideas are welcome!