Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:component1 dependency

Spotify Card

components-music-spotify-card

A horizontal Spotify music card with blurred album art background, vinyl record animation, seek bar, and playback controls. Requires a /api/spotify route.

@odysseyuiRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

No live preview for demo-components-music-spotify-card yet
It could not be mounted with no props, or has not been rendered yet. Open it to see the code.

Demo for Spotify Card

@odysseyui

More from @odysseyui

All 12 items
Theme Toggler
primitives-effects-theme-toggler
Component
Card Stroke
components-animate-card-stroke
Component
Notification List
components-community-notification-list
Component
Avatar
components-primitives-avatar
Component
Badge
components-ui-badge
Component
Footer
components-animate-footer
Component
Logo Cloud 1
components-logoclouds-logocloud-1
Component
Vertical Spotify Card 1
components-music-vertical-spotify-card-1
Component