AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

Rakshit KeswaniMotion & interaction

Interactive Turntable UI

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.

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/inspirations/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