This component no longer exists. It was in sv11-twango’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-09 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
Music Player 01
sv11-twango/music-player-01RemovedBlock
A music player with a scrollable song list and play/pause, progress, time, and duration controls.
Install it
npx shadcn@latest add http://sv11.ui.twango.dev/r/music-player-01.jsonSource
1<script lang="ts">2 import { AudioPlayer, exampleTracks } from "$UI$/audio-player/index.js";3 import { Card } from "$UI$/card/index.js";4 import { ScrollArea } from "$UI$/scroll-area/index.js";5 import MusicPlayer01Player from "./music-player-01-player.svelte";6 import MusicPlayer01Song from "./music-player-01-song.svelte";7</script>89<AudioPlayer>10 <Card class="mx-auto w-full overflow-hidden p-0">11 <div class="flex flex-col lg:h-[180px] lg:flex-row">12 <div class="bg-muted/50 flex flex-col overflow-hidden lg:h-full lg:w-64">13 <ScrollArea class="h-48 w-full lg:h-full">14 <div class="space-y-1 p-3">15 {#each exampleTracks as song, index (song.id)}16 <MusicPlayer01Song {song} trackNumber={index + 1} />17 {/each}18 </div>19 </ScrollArea>20 </div>21 <MusicPlayer01Player />22 </div>23 </Card>24</AudioPlayer>
What it pulls in
Other registry items
