Component · turntable-3d
A turntable you can pick up.
Press the start button on the deck, drag the tonearm across the record to seek, and slide the pitch fader. Then pick it up: move it and turn it in 3D.
Loading the turntable…
What it does
Move and rotate
Switch on Move to slide the deck along the X, Y and Z axes, or Rotate to turn it about them. Arrow keys work too, and Reset brings it home.
Spotify, verified
A pasted link has to be a real open.spotify.com track, album, playlist, artist, show or episode. Only its type and ID are kept; everything else is refused.
Uploads, scanned
Music and cover files are checked by size, name and their actual contents, then test-decoded. Covers are redrawn pixel by pixel. Nothing leaves your browser.
Add it to any site
It is one React component with its own styles, so there is no CSS to import and no Tailwind setup to match.
npm install turntable-3d
export default function Page() {
return <Turntable theme="system" />;
}