A shadcn/ui registry with 1429 blocks, 1189 component variants, 14 templates, themes, and admin dashboard patterns.
Affiliate offer
A two-row headline leads into a split layout with long-form copy, arrow button, and illustrative asset on a subtle square grid field.
A DM Sans hero with a two-line headline using a primary gradient on the first line and solid foreground on the second, supporting copy with emphasized years line, primary CTA, and a text link with arrow to explore work.
A split hero with headline, supporting lines, rounded primary CTA, bordered media, and decorative hand-drawn arrow cue on wide layouts.
A centered hero with headline, supporting copy, and two CTAs above a wide image clipped by a full-width bottom edge.
A DM Sans split hero with eyebrow, giant headline, muted subline, and three overlapping square cards with avatars and snippets.
A split-screen hero with uppercase tag, headline, twin CTAs, and a looping video inside a pill-shaped frame on wide layouts.
A centered typographic hero with split-color headline and a desktop-style frame capped by thick border rails plus a floated secondary crop.
A centered hero headline weaves serif text with inline overlapping avatars, twin pill buttons, and a wide bordered screenshot.
A centered tech hero with uppercase eyebrow, huge headline highlighting one phrase with a muted bar, twin bold CTAs, and inline checklist chips.
A centered hero with headline, paired CTAs, and three portrait frames staggered with a taller center card.
A split hero pairing monitoring copy with primary and secondary buttons, reassurance line, and a wide bordered screenshot skewed inside the grid.
A display-type waitlist hero with dotted muted backdrop, validated email Field row, and three offset dashboard screenshots overlapping center stage.
A centered hero with changelog-style pill anchor, oversized headline, supporting copy, paired chevron buttons, and a three-column photo strip.
A hero using outline shadcn/ui Badge, paired Buttons, radial backdrop treatments, aspect-video media frame, and raised monospace snippet overlapping the grid.
Compact HoverCard with short explanatory text on info trigger.
HoverCardContent with bold title line plus supporting description.
Info hover card combining icon, Badge label, and explanatory copy.
HoverCard delivering cautionary message on warning icon trigger.
Hover card with technical details such as API field or ID format.
HoverCard previewing external URL title, domain, and snippet.
Hover card summarizing document title, type, and modified date.
HoverCard showing thumbnail preview for linked or attached image.
Hover card with event title, datetime, and location summary.
Commerce HoverCard with product name, price, and short detail.
Radix HoverCard showing avatar, name, and role on username trigger.
Profile HoverCardContent including a follow or connect action button.
Profile card displaying Badge for verified or role status.
Hover card profile including location text under the bio line.
Profile HoverCard showing follower, post, or contribution counts.
HoverCard listing a few key metrics on chart or KPI trigger.
Stats hover card emphasizing period growth percentages and deltas.
User activity stats such as sessions, last seen, and plan in HoverCard.
Hover card with latency, uptime, or throughput performance figures.
HoverCard showing revenue, MRR, or transaction summary stats.
Image crop locked to a 16:9 aspect ratio for cover images.
Image crop locked to a 3:4 aspect ratio for portrait framing.
Image crop with circularCrop enabled for round avatar framing.
Image cropper that accepts a user-selected file from an input.
Image crop without a locked aspect ratio for arbitrary selections.
Image crop using the default ghost icon apply and reset buttons.
Applies the crop and shows a circular avatar-style preview.
Image cropper with square aspect ratio, apply, and reset controls.
Image zoom with a blurred backdrop class on the overlay.
Image zoom with controlled isZoomed state and a toggle button.
Image zoom inside a bordered gallery card with caption.
Image wrapped in ImageZoom for click-to-zoom lightbox behavior.
A four-item incentive row with circular icons, titles, and short support copy that scrolls as a carousel on small screens and becomes a grid on larger ones.
A primary-colored incentives band with a section heading and three centered icon-and-copy items for support, returns, and wrapping that carousel on small screens.