Components
Loading preview...
This one is called "Sonic Waveform." It features an interactive, generative audio waveform that ripples and distorts as you move your mouse across the screen. This creates a high-tech, data-visualization feel, as if you're interacting with a live data stream or a soundscape.
@dhiluxui
npx shadcn@latest add https://21st.dev/r/dhileepkumargm/sonic-waveformimport SonicWaveformHero from "@/components/ui/sonic-waveform";
export default function DemoOne() {
return <main className="App bg-black">
<SonicWaveformHero />
</main>
}