DEV Community: Mouad Sadik

I create a waves ui library

Mouad Sadik — Sun, 08 Mar 2026 00:27:43 +0000

Introducing @𝐰𝐚𝐯𝐞𝐬/𝐜𝐧
A collection of reusable waveform and wave player components for 𝐑𝐞𝐚𝐜𝐭 applications designed to feel native inside shadcn/ui projects.

𝑺𝒊𝒎𝒑𝒍𝒆.
𝑪𝒖𝒔𝒕𝒐𝒎𝒊𝒛𝒂𝒃𝒍𝒆.
𝑫𝒆𝒗𝒆𝒍𝒐𝒑𝒆𝒓-𝒐𝒘𝒏𝒆𝒅.

Built on top of WaveSurfer.js, providing powerful and flexible waveform visualization seamlessly integrated into the shadcn ecosystem.

If you're already using 𝐑𝐞𝐚𝐜𝐭 with shadcn/ui, this will fit naturally into your stack.

We won’t go deep into the technical details here —
👉 Visit the documentation to learn more and see how to use it:
doc
If you like it, give it a 𝒔𝒕𝒂𝒓 on GitHub.
Want to contribute? Open a 𝑷𝑹 and build with us — we welcome improvements, ideas, and feedback.
On Github repo : github repo

[Boost]

Mouad Sadik — Sun, 01 Mar 2026 02:06:53 +0000

waves/cn our own shadcn package

Mouad Sadik ・ Feb 28

#react #showdev #ui #webdev

waves/cn our own shadcn package

Mouad Sadik — Sat, 28 Feb 2026 23:50:01 +0000

🚀 𝗙𝗿𝗼𝗺 𝗦𝗲𝗮𝗿𝗰𝗵𝗶𝗻𝗴 𝗳𝗼𝗿 𝗜𝘁 𝘁𝗼 𝗖𝗿𝗲𝗮𝘁𝗶𝗻𝗴 𝗜𝘁
While working on a project, we needed a 𝒘𝒂𝒗𝒆𝒔 𝒄𝒐𝒎𝒑𝒐𝒏𝒆𝒏𝒕 𝒇𝒐𝒓 𝒔𝒉𝒂𝒅𝒄𝒏/𝒖𝒊.

We searched for a shadcn package…
But we didn’t find one.
So instead of waiting for it to exist — 𝘄𝗲 𝗯𝘂𝗶𝗹𝘁 𝗶𝘁. 🚀

Introducing @𝐰𝐚𝐯𝐞𝐬/𝐜𝐧
A collection of reusable waveform and wave player components for 𝐑𝐞𝐚𝐜𝐭 applications designed to feel native inside shadcn/ui projects.

𝑺𝒊𝒎𝒑𝒍𝒆.
𝑪𝒖𝒔𝒕𝒐𝒎𝒊𝒛𝒂𝒃𝒍𝒆.
𝑫𝒆𝒗𝒆𝒍𝒐𝒑𝒆𝒓-𝒐𝒘𝒏𝒆𝒅.

Built on top of WaveSurfer.js, providing powerful and flexible waveform visualization seamlessly integrated into the shadcn ecosystem.

If you're already using 𝐑𝐞𝐚𝐜𝐭 with shadcn/ui, this will fit naturally into your stack.

We won’t go deep into the technical details here —
👉 Visit the documentation to learn more and see how to use it:
https://waves-cn.vercel.app

If you like it, give it a 𝒔𝒕𝒂𝒓 on GitHub.
Want to contribute? Open a 𝑷𝑹 and build with us — we welcome improvements, ideas, and feedback.
On Github repo : https://github.com/Ziane-Badreddine/wavescn