Production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.
feature181
Glass-morphism feature cards grid over fullscreen background media with icon badges and invertColor support
feature182
Bento-style grid with mixed card sizes over background media, featured large card spanning two columns
feature183
Two-column layout with large image card on left and stacked glass feature cards on right
feature184
Numbered feature cards in staggered grid over background media with editorial large-number styling
feature185
Three-column image feature cards grid with sticky header over background media and glass-morphism styling
feature186
Hero-style stats row with feature card grid below over background media with glass-morphism styling
feature187
Alternating two-column feature cards with large icons over background media, left-right zigzag layout
feature188
Horizontal icon strip navigation with expandable detail card below over background media
feature189
Masonry-style two-column cards with alternating heights and image accents over background media
feature190
Full-width feature cards separated by dividers with large icons and descriptions over background media
feature191
Three-column feature cards with accent top bar, tag pills, and icon badges over background media
feature192
Large hero card with image at top followed by three-column feature card grid over background media
feature193
Alternating rows with tall highlight card and stacked compact cards over background media
feature194
Three feature cards that swap an icon for a real micro-asset: a bar chart, a before/after stat, and a terminal prompt. Demonstrates how registry-pieces drop into block media slots.
feature195
Four equal feature cards on a clean background, each with a large circular icon badge above a bold h3 title. Ideal for outlining the steps or pillars of a service offering.
feature196
Three-column grid of clickable feature cards. Each card has a top-left icon, top-right diagonal arrow, title, and description. Cards lift on hover with a configurable accent color (emerald, primary, foreground, rose, blue, amber, violet, sky, orange, teal). Two-tone heading splits a primary phrase from a colored highlight.
feature197
Zig-zag layout where each feature alternates an image with a content block — a colored icon badge, bold title, and description. Configurable icon badge accent color (emerald, primary, foreground, rose, blue, amber, violet, sky, orange, teal). Ideal for product modules, services, or capabilities.
feature198
Tab-switched grid of plan cards. Each card shows title, full-width CTA button, subtitle (price), description, and a checklist with check icons. Layout is responsive: ≤2 cards center as flex, multiples of 4 use a 4-column grid, otherwise a 3-column grid. Ideal for pricing, plan comparisons, and tiered packages.
feature199
Two-column feature section with a large heading on the left and a 2x2 grid of feature cards on the right, each with a large badge icon, title, and description.
feature200
Two-column feature section with badge, heading, description, a 2-column checklist of icon items (defaults to check icon), and CTA on one side, with a square image on the other. Image position is configurable.
feature201
Centered header followed by a 4-step numbered process row with arrows between cards on desktop, plus a wide CTA card with badge, heading, description, button, and image.
feature202
Two-column feature section with badge, heading, and multi-paragraph copy on the left, plus a custom tab strip and panel on the right.
feature203
Two-column feature section with heading, description, and a 2x2 stats grid (icon card, value, label) on one side and a square image on the other. Image position is configurable.
feature204
Centered header followed by a side-by-side image carousel (3 visible on desktop, 2 on tablet, 1 on mobile) with prev/next arrows and dots. Tap an item to open a full-size modal lightbox with its own navigation.