I Ported audio-ui (shadcn / React) to Svelte — Here’s What I Learned

Recently, I’ve been exploring how far the headless + composable UI philosophy can go outside the React ecosystem. So I decided to take on a small challenge: 👉 porting audio-ui (originally built for shadcn / React) into Svelte. Demo: svelte-audio-ui Github : github.com/ddtamn/svelte-audio-ui Why This Exists In the React world, tools like shadcn have made it very natural to: copy components directly into your codebase fully control the implementation build systems that are easy to extend But in Svelte, especially for audio-related UI , there aren’t many solutions that follow this approach. Most libraries are: too opinionated not composable or difficult to extend So the goal here is simple: Bring the same “you own the code” philosophy into Svelte, specifically for audio UI. Core Idea Instead of shipping a package, this approach follows the same pattern as shadcn: No npm dependency Components are installed into your project You can modify everything At the center of it is: AudioProvider Th