Speaker 01

sv11-twango/speaker-01

FreeBlock

A speaker-style music player with two audio-reactive Orbs, waveform strip, transport controls, and a volume slider.

Live preview

live · rendered by the registry

Rendered by sv11-twango on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add http://sv11.ui.twango.dev/r/speaker-01.json

Source

registry itemsv11.ui.twango.dev/r/speaker-01.json

1<script lang="ts">
2	import { AudioPlayer } from "$UI$/audio-player/index.js";
3	import SpeakerInner from "./speaker-inner.svelte";
4 
5	let { class: className }: { class?: string } = $props();
6</script>
7 
8<AudioPlayer>
9	<SpeakerInner class={className} />
10</AudioPlayer>

What it pulls in

Other registry items

https://sv11.ui.twango.dev/r/audio-player.json
button
card
https://sv11.ui.twango.dev/r/orb.json
https://sv11.ui.twango.dev/r/waveform.json

More from sv11-twango

All 29 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
All Componentsall	sv11-twango	Blocks	Free	no deps
Music Player 01music-player-01	sv11-twango	Blocks	Free	no deps
Music Player 02music-player-02	sv11-twango	Blocks	Free	no deps
Pong 01pong-01	sv11-twango	Blocks	Free	no deps
Realtime Transcriber 01realtime-transcriber-01	sv11-twango	Blocks	Free	1 dep
Transcriber 01transcriber-01	sv11-twango	Blocks	Free	1 dep
Voice Chat 01voice-chat-01	sv11-twango	Blocks	Free	no deps
Voice Chat 02voice-chat-02	sv11-twango	Blocks	Free	no deps