Shadcn.io is not affiliated with official shadcn/ui
Music Song Credits
A song credits display block for React and Next.js with performer, songwriter, producer, engineer, and studio information, role labels, and recording dates built with shadcn/ui and Tailwind CSS
Display detailed song credits and liner notes with this React and Next.js block. Features organized sections for performers, songwriters, producers, and engineers with role labels and collaborator names, plus recording studio details with session dates for mixing and mastering. Built with TypeScript, shadcn/ui Badge and Button components, framer-motion staggered entrance animations, and Tailwind CSS. Perfect for music streaming platforms, album liner note pages, and artist portfolio showcases.
Related Components
Festival Lineup Block
Multi-day festival artist schedule
Beat Maker Block
Drum machine grid with BPM control
Release Calendar Block
Upcoming music release dates
Band Members Block
Band roster with instrument roles
FAQ
Was this page helpful?
Sign in to leave feedback.
Social Feed
A music social feed block for React and Next.js with listen, playlist add, like, and share activity items, track info, timestamps, and engagement counts built with shadcn/ui and Tailwind CSS
Songwriting Pad
A songwriting workspace block for React and Next.js with verse, chorus, and bridge sections, chord suggestions, rhyme helper, syllable counter, and notes area built with shadcn/ui and Tailwind CSS