FlareStart
HomeNewsHow ToSources
FlareStart

Where developers start their day. All the tech news & tutorials that matter, in one place.

Quick Links

  • Home
  • News
  • Tutorials
  • Sources
  • Privacy Policy

Connect

ยฉ 2026 FlareStart. All rights reserved.

Back to articles
waves/cn our own shadcn package
How-ToWeb Development

waves/cn our own shadcn package

via Dev.to ReactMouad Sadik1mo ago

๐Ÿš€ ๐—™๐—ฟ๐—ผ๐—บ ๐—ฆ๐—ฒ๐—ฎ๐—ฟ๐—ฐ๐—ต๐—ถ๐—ป๐—ด ๐—ณ๐—ผ๐—ฟ ๐—œ๐˜ ๐˜๐—ผ ๐—–๐—ฟ๐—ฒ๐—ฎ๐˜๐—ถ๐—ป๐—ด ๐—œ๐˜ 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

Continue reading on Dev.to React

Opens in a new tab

Read Full Article
27 views

Related Articles

Belkinโ€™s battery-equipped Switch 2 case is more than 35 percent off right now
How-To

Belkinโ€™s battery-equipped Switch 2 case is more than 35 percent off right now

The Verge โ€ข 15h ago

Why this Marshall is the first soundbar I've tested that truly challenges my Sonos Arc Ultra
How-To

Why this Marshall is the first soundbar I've tested that truly challenges my Sonos Arc Ultra

ZDNet โ€ข 16h ago

This App Makes Even the Sketchiest PDF or Word Doc Safe to Open
How-To

This App Makes Even the Sketchiest PDF or Word Doc Safe to Open

Wired โ€ข 16h ago

References: The Alias You Didnโ€™t Know You Needed
How-To

References: The Alias You Didnโ€™t Know You Needed

Medium Programming โ€ข 18h ago

Pointers: The Concept Everyone Says Is Hard
How-To

Pointers: The Concept Everyone Says Is Hard

Medium Programming โ€ข 18h ago

Discover More Articles