Styled Cards

Content card components for displaying movies, series, and ranked lists. All cards are part of the Content Page bundle and use Swiper for horizontal scrolling.

Installation

All card components come with the Content Page. Install once to get BasicCard, Top10, ContinueWatching, and the rest of the Content module.

pnpm dlx shadcn@latest add https://zezo-ui.vercel.app/r/zezo-content-page.json

Card Components

BasicCard
Standard horizontal scrolling card layout with hover effects, Play/Favorite buttons, Rent/Buy badges, and responsive breakpoints.
Top10
Ranked content cards with large numbered badges (1–10) in the bottom-left corner. Ideal for Top 10 lists.
ContinueWatching
Continue watching row with progress bars, episode info, and 16:9 thumbnails. Requires user session with watch history.