Interactive Turntable UI

Rakshit KeswaniMotion & interaction

Technics SL-1200MK2 tribute in the browser: pitch control, upload your track and cover art, and a tactile deck UI built as a React component from Figma with Claude.

Use in your project

Open Cursor, Claude Code, or Codex with the prompt filled in.

Framer Agent
Sponsored

Best AI site builder for designers, PMs, and founders.

Try Framer free

What's interesting

  • Technics SL-1200MK2 tribute in the browser: pitch control, upload your track and cover art, and a tactile deck UI built as a React component from Figma with Claude.
  • An interactive love letter to the 1979 SL-1200MK2: function-forward layout, pitch slider, and upload flows for music and artwork.
  • The project recreates the turntable as a React experience after design work in Figma and implementation with Claude, with a Framer remix link for anyone who wants to fork the interaction.

Prompt your agent

From AI UX Playground: https://aiuxplayground.com/playground/interactive-turntable-ui Interactive Turntable UI by Rakshit Keswani An interactive love letter to the 1979 SL-1200MK2: function-forward layout, pitch slider, and upload flows for music and artwork. The project recreates the turntable as a React experience after design work in Figma and implementation with Claude, with a Framer remix link for anyone who wants to fork the interaction. Useful reference for skeuomorphic UI, hardware-inspired controls, and AI-assisted prototyping that still respects engineering honesty. Adapt for our [screen name]. Stack: [your stack]. Note what to cut or simplify for production.

Tags

InteractionReactMotionHardwareCraftExperiment