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.
Imesh Dilshan
