Now Playing
Music widget: album art, track and artist with an animated equalizer while playing, or “Last played” with a date or relative time. Card or one-line inline style.
UsesBrand Icons
Installation
pnpm dlx shadcn@latest add @portfolio-kit/now-playingFirst time? Add the @portfolio-kit registry to components.json
components.json
{
"registries": {
"@portfolio-kit": "https://www.parthjadhav.com/products/portfolio-kit/r/{name}.json"
}
}Usage
Examples
Last Played
When nothing is playing, show the most recent track and when it played. Any service from brand-icons works.
Inline
A single line for a footer, sidebar or bio. Long titles truncate (hover shows the full line); without now, the last play shows as a date.
In a Footer
The inline style in a footer's small-print row, sized down to match the copyright line.