Sebastian Krüger
bc7158dbe0
Replaced gentle grays with eye-catching neon/vibrant colors! Dark Theme - Neon Cyberpunk: - Deep purple/blue backgrounds (265-290° hue) - Bright neon magenta primary (75% lightness, 0.25 chroma, 310° hue) - Neon cyan foreground (92% lightness, cyan tint) - Vibrant borders with purple glow (30% lightness, 0.05 chroma) - Electric accent colors throughout - Neon cyan waveforms with magenta progress Light Theme - Vibrant Pastels: - Soft purple-tinted backgrounds (280-290° hue) - Vivid magenta primary (55% lightness, 0.22 chroma) - Rich purple foreground (25% lightness) - Colorful borders and accents - High saturation throughout (0.15-0.22 chroma) - Vibrant purple/cyan waveforms Color Intensity: - Increased chroma from 0.14-0.15 to 0.20-0.25 - Much more saturated, punchy colors - Vibrant accent colors (cyan, magenta, purple, green) - Neon-style success (green), warning (yellow), destructive (red) Hue Shifts: - Purple/magenta theme (260-320° range) - Cyan accents (180-200°) - Warm warnings (80°) - Green success (160°) This gives a bold, modern, energetic aesthetic perfect for a creative audio application - like FL Studio or Ableton Live's colorful themes! 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
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!