Vinyl player

A vinyl-inspired audio player with tactile playback controls.

Installation

npx shadcn@latest add qubydev/bunui/vinyl-player

How to use

demo.tsx
import { VinylPlayer } from "@/components/ui/vinyl-player"


export function Demo() {
  return <VinylPlayer />
}

Props

Options you can pass to customize this component.

Prop
Type
Description
playing
boolean

Play state for controlled usage. Leave it out to let the component manage itself.

defaultPlaying
boolean

Initial play state when the component is uncontrolled.

onPlayingChange
(playing: boolean) => void

Called whenever the play button changes the play state.

disabled
boolean

Disables the play control and dims the player.

spinDuration
number

Milliseconds for one full record rotation.

className
string

Extra classes merged onto the player root.

Contact

Found a bug or issue? Open an issue or send a note.

License & Usage

  • •Free to use and modify in personal and commercial projects.
  • •Attribution to Bun UI is appreciated when using a component.
  • •Please do not resell the components as your own kit.