shadcnblocks

Animated fashion project layout with a centered bold title, subtitle, a rounded hero image, and a two-column section with narrative text and a credits list.

Two-column layout with a sticky sidebar containing breadcrumb navigation, metadata rows, and a project overview alongside a scrollable image gallery with hover zoom.

Three-column grid of square images that scale and reveal a title and description overlay when hovered.

Multi-column masonry gallery where images fade in on scroll and scale with a brightness shift on hover.

Three-column image grid with titles and metadata, plus a spring-physics tooltip that follows the cursor showing an explore prompt.

Horizontal list layout presenting projects with a numbered index, title, launch date, description, and small thumbnail image per row.

Five-column grid with intentionally hidden cells creating an offset pattern, where project cards animate into view on scroll.

Video panels in a two-column grid that crossfade from thumbnail to looping video on hover, with title overlays.

Header cell and video panels share a two-column grid, with each video crossfading from thumbnail to playback on hover.

Vertically stacked video panels with rounded containers and spacing between each, crossfading to video on hover.

Four video panels in a 2x2 grid with 16:9 aspect ratio and rounded corners, crossfading to video on hover.

Horizontal carousel of video panels that crossfade from thumbnail to playback on hover, with navigation arrows and looping.

Stacked full-width video panels that show a thumbnail at rest and play the video on hover, with studio name and title overlays.

Two-column image layout using alternating 4:3 and 4:5 aspect ratios, paired with a heading, paragraph, and link button.

Horizontal carousel of wide 16:9 project cards showing image, title, and a tinted category pill, with circular navigation arrows.

Carousel of bordered cards containing a square image, title, category badge, location, year, description, and action button.

Scrollable carousel of project cards showing a 4:3 image, title, location, and view button, with left and right arrow controls.

Stacked full-bleed rows using background images with a dark blur overlay that clears on hover to reveal a view-project button.

Vertical list of projects with two-column rows containing images, descriptions, and category badges that animate into view on scroll.

Stacked project entries in a 4/8 column split with uppercase titles, descriptions on the left and large bordered images on the right.

Single-column project cards with parallax scroll effects and a floating plus-icon cursor that appears on hover following mouse position.

Two-column grid of project illustrations with titles, categories, and dates, preceded by a large heading and two descriptive text blocks.

Two-column grid of bordered project cards with images, titles, categories, and pill-shaped year badges that animate into view on scroll.

Two-column grid of rounded dark cards with full-bleed images, category tags, titles, and descriptions revealed on hover.

Two-column image grid with category filter buttons that animate items in and out, revealing title and description overlays on hover.

Three-column image grid with category filter buttons that animate items on change, revealing title and description on hover.

Edge-to-edge two-column grid of square images where titles and descriptions slide up from the bottom on hover.

A storefront banner that shows remaining spend toward free shipping, a progress bar, and a confirmation message once the threshold is met.

A full-width promo bar with a sale message, discount line, and underlined shop-now link for a seasonal or sitewide offer.

A promo bar with a gift icon and live hours-minutes-seconds countdown showing how long remains to order for delivery by a set date.

A slim banner row of trust messages with icons for free shipping, returns, and secure checkout, shown as a repeating horizontal list.

A flash-sale banner with a live hours-minutes-seconds timer in boxed digits and a short offer line such as a percent-off message.

A holiday sale banner with a gift icon, title, and a live countdown of days, hours, minutes, and seconds in labeled boxes.

A flash-sale banner with a live countdown, a sold-progress bar, and remaining-item count for a limited-time, limited-stock offer.

QR code using high robustness for denser recovery.

QR codes shown at small, medium, and large sizes.

Client QR code for a URL using theme-aware colors.

QR code encoding a short plain-text string instead of a URL.

A pill-shaped minus and plus stepper with a centered number field for cart and checkout counts.

RadioGroup with Icons.

RadioGroup with Custom Content.

RadioGroup in Form.

RadioGroup with Disabled States.

Horizontal RadioGroup.

RadioGroup with Cards.

RadioGroup in Grid.

Basic RadioGroup.

RadioGroup with Descriptions.