Shadcn.io is not affiliated with official shadcn/ui
Music Vinyl Store
A vinyl record store block for React and Next.js with record display cards, price tags, condition grades, genre filter tags, add-to-cart buttons, and cart summary footer built with shadcn/ui and Tailwind CSS
Browse and shop vinyl records with this React and Next.js record store block. Features record cards with condition grades from Mint to Good, genre filter tags, price displays, add-to-cart toggle buttons, and a live cart summary footer showing total items and price. Built with TypeScript, shadcn/ui Button and Badge components, framer-motion staggered entrance animations, and Tailwind CSS. Perfect for music e-commerce platforms, record store websites, and vinyl collector marketplaces.
Related Components
Vinyl Collection Block
Personal vinyl collection tracker
Streaming Dashboard Block
Music streaming analytics dashboard
Podcast Directory Block
Podcast browsing and subscription
Festival Lineup Block
Music festival schedule display
Stem Separator Block
Audio stem separation tool
FAQ
Was this page helpful?
Sign in to leave feedback.
Vinyl Player
A vinyl turntable player block for React and Next.js with rotating record animation, tone arm, speed selector for 33 45 and 78 RPM, track info display, and play pause stop controls built with shadcn/ui and Tailwind CSS
Waveform Editor
A waveform editor UI block for React and Next.js with styled waveform bars, trim markers, zoom controls, selection region, playhead position, and export button built with shadcn/ui and Tailwind CSS