Vinyl Player

A tactile record player for React: tap to bring the motor up to speed, watch the needle drop and follow the groove, then grab the vinyl to scratch it forwards or backwards with matching audio.

Feels like

Tap/Drag/Sound

Built with

React 19Tailwind v4

Steal it

npx shadcn@latest add https://1iad.com/r/vinyl-player

One self-contained file. Paste the prompt into your AI agent and it does the rest.

Good to know

No config. Nothing to set up beyond Tailwind.
Respects prefers-reduced-motion out of the box.
Sound and haptics only fire after a user gesture.

Credits

Built in public by Sunny JoshiMIT licensed. Free to steal.

Back

Vinyl Player

A tactile record player for React: tap to bring the motor up to speed, watch the needle drop and follow the groove, then grab the vinyl to scratch it forwards or backwards with matching audio. Install: npx shadcn@latest add https://1iad.com/r/vinyl-player

Live tuner

Vinyl

Make it your record player. Change its skin, soundtrack, and cover without touching code.

Display mode

Spotify link

Paste a Spotify track, album, playlist, or episode. The turntable controls the official Spotify embed.

Cover image URLAudio file URL

Vinyl Player007