@waves-cn

Niche/single-purpose · MIT · data updated 2026-07-28

shadcn/ui-style registry of six audio and video waveform components built on wavesurfer.js and Tailwind CSS, targeting React 18+. Components are Wave Player (full-featured audio player with seek, volume, title), Wave Recorder (live in-browser recording with waveform), Wave Speed (variable playback with pitch toggle), Wave Timeline (timeline ruler), Wave Video (video player with synced waveform), and Wave Zoom (mouse-wheel zoom). Code is copied into your project — no runtime package. Free and MIT-licensed. Use for: apps requiring embedded audio players, podcast interfaces, or voice memo recorders that need waveform visualization matching your existing shadcn design system.

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

npx shadcn@latest add https://waves-cn.vercel.app/r/wave-cn.json