Waveform components for every use case
waves-cn components are built on wavesurfer.js and shadcn/ui — copy them into your project and own them completely.
Wave Player
A shadcn-styled waveform audio player built on wavesurfer.js.
Demo Track
0:000:00
Wave Recorder
A headless-friendly wave recorder with live waveform, built on wavesurfer.js.
Wave Speed
A wave player with variable playback speed control, built on wavesurfer.js.
0.25x4x
Wave Timeline
A waveform player with timeline markers built on wavesurfer.js.
Demo Track
0:000:00
Wave Video
A waveform player synced to a video element, built on wavesurfer.js.
Wave Zoom
A wave player with mouse-wheel zoom, built on wavesurfer.js ZoomPlugin.
Zoom: 100 px/s— scroll to zoom
Built by the Community
Our library grows thanks to amazing developers who believe in open-source and beautiful UI components.