Audio Player

Audio player UI with cover art, seek bar, previous/next, volume and mute (simulated playback).

#audio #player #music

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

AudioPlayerProps

Also accepts all props of Omit<React.ComponentProps<"div">, "onChange">

Prop	Type	Default	Description
tracks* required	`Track[]`	—	—
defaultIndex	`number`	`0`	—

Install

$ npx shadcn@latest add https://chromotion.dev/r/audio-player.json

More like this

Comment Thread

Nested comment thread with replies, likes and inline reply forms; new comments appear instantly.

Chat Messages

Chat view with grouped bubbles, sent/read receipts, a typing indicator and auto-scroll.

Profile Card

Profile card with a gradient cover, avatar, verified badge, tags, stats and a follow toggle.