shadcnblocks

Full-viewport hero with absolutely positioned, draggable photos that shuffle on mount and animate in with spring physics.

Responsive product bento grid using direction-aware hover overlays to reveal item names and prices over rounded image cards.

Full-viewport collage of overlapping, draggable photos where hovering one blurs the rest and scales the active image.

Three-column product card grid featuring a magnifying lens effect on hover, with titles, prices, and action icons.

Three-column card grid where hovering one item blurs the others, each card showing an image, title, hashtag, and icon stat chips.

A heading above a horizontally scrolling gallery of large image cards with captions, pagination dots, and play, pause, and restart controls.

Full-bleed terrarium hero that slides aside to reveal a milestone card carousel of botanical art pieces with navigation dots.

Horizontal carousel of case-study cards with badge labels, descriptions, and arrow navigation that disables at boundaries.

Nine wide images in a responsive three-column grid with a mono eyebrow, heading, and short supporting description above.

Six captioned wide figures in a two-column grid with a split header that pairs a heading on the left and supporting text on the right.

Eleven images of mixed heights flow through a CSS-columns masonry layout under a mono eyebrow, heading, and short description.

Eight square gallery tiles open a modal lightbox with a larger image, title, and description on click.

A single wide slide with title overlay, previous and next controls, and a centered dot indicator strip.

Six images arranged in an asymmetric six-column bento with a wide hero tile, tall side panel, and paired bottom cells.

A category pill filter above a three-column image grid that shows titled items with small category badges.

A large wide hero preview driven by a five-thumbnail strip, with the active description shown in the header.

Nine wide images nested in layered dark frames on an inverted section with a mono eyebrow and heading.

Nine polaroid-style photo cards in a mixed-span collage grid with white mats, soft shadows, and slight rotations.

Full-bleed carousel of image cards with dark gradient overlays, dot pagination, and arrow navigation with scroll-state tracking.

Two before-and-after image pairs with a draggable vertical divider and labels for each side of the comparison.

A horizontally scrolling strip of wide photo cards that snap into place, with titles and short captions under each frame.

Seven images in a packed four-column bento with a large hero tile and captions that fade in on hover.

A large featured photograph beside a four-thumbnail column that stays height-aligned with the main stage on desktop.

Category filter pills above a CSS-columns masonry of mixed-height photographs with a crossfade when the filter changes.

A three-column project grid where hover darkens the photograph and reveals the project title and short description.

A social-feed style three-column photo grid with a tall lead tile and hover overlays for likes and comments.

Carousel of two-column feature slides synced to a Shadcn UI toggle group of icons, with masked edge fading.

Horizontal image carousel with a heading, call-to-action link, and outline-variant arrow controls above the scrolling cards.

Two-column text header with a link, followed by a looping auto-scroll carousel of staggered-height images.

Three-column layout pairing a categorized resource list with a bordered image carousel and navigation controls.

Full-width image carousel with icon-labeled steps below, a slide counter, and previous/next navigation buttons.

Gantt provider with onAddItem to create features from the timeline.

GanttCreateMarkerTrigger for adding and removing timeline milestones.

Gantt provider configured for daily timeline range.

Gantt features with onMove for drag and resize on the timeline.

Gantt chart with sidebar and feature list grouped by category.

Gantt chart including milestone markers on the timeline.

Gantt provider configured for quarterly timeline range.

GanttFeatureRow packing several reservations into shared resource lanes.

Gantt timeline with sidebar, feature bars, and today marker.

Gantt features with planned, in-progress, and done status colors.

Gantt timeline without a sidebar for a compact schedule view.

Gantt provider with zoom set to 200 for a closer monthly view.

Outlined GitHub link with repo name and star count.

GitHub icon in an outlined button-style link.

GitHub icon with star count number.

GitHub icon with star icon and count.

Inline stat-style GitHub link with icon, star, and count.