About this component

A card styled as a vinyl record sleeve. The inner record spins at 33⅓ RPM on hover, and the grooves shimmer like laser diffraction. Clicking drops the needle with a soft animation and reveals track info on the B-side.

Difficulty

Intermediate

Style

Spin / Rotation / Flip

Frameworks

HTML/CSS, Tailwind, React, Vue, Angular, Svelte, LWC

Embed this component

Paste this snippet into any site — the design renders in a sandboxed iframe served from /embed/vinyl-record-card.