Wave Visualizer

The Wave Visualizer is a high-end, interactive media component for Framer that combines a full-featured audio player with a real-time frequency spectrum visualizer.

The Wave Visualizer is a high-end, interactive media component for Framer that combines a full-featured audio player with a real-time frequency spectrum visualizer. It is designed with a minimal aesthetic and optimized for high-performance rendering. The component features a unique "pixel-perfect" wave display visualizer. Pixel-Perfect Waveforms : Mathematically optimized bar counts (10, 20, 25, 50) ensure every visualizer bar aligns perfectly to the pixel grid, eliminating blurry edges and ghost lines. Intelligent Theme Adapting : Automatically detects the luminance of your chosen background to flip text and icon colors between light and dark for perfect readability every time. Dynamic Accent Colors : Enable Per-Song Accents to have the player’s visualizer and progress bar automatically shift colors to match the specific vibe of each track in your playlist. Pro-Level Visualizer Engine : Powered by a logarithmic frequency analyzer that mimics human hearing, providing a more detailed and natural movement in the low and mid-range frequencies. Fluid Cover Transitions : Choose between "Smooth" or "Instant" album art changes. The Smooth mode uses premium Gaussian blurs and spring physics for a high-end cinematic feel. Complete Playlist Control : Full support for Shuffle, Repeat, and Auto-Advance logic, paired with a hover-activated vertical volume slider for a clean, minimal interface.

Audio player with a real-time visualizer