Alternating rows, three-up icon grids, bordered feature cards, and bento layouts.
9 blocks, live at full size, install from here
01 / 09|Alternating rows · mock UIs · checklist
Three alternating feature rows, each pairing a stylized Tailwind-only mock UI with a copy column (eyebrow, headline, paragraph, 3-item checklist).
npx shadcn@latest add https://hirael.com/r/feature-01.json02 / 09|Icon grid · 6 cards · concise blurbs
Section header above a 3-column, 2-row grid of bordered feature cards with lucide icons, headlines and short blurbs.
npx shadcn@latest add https://hirael.com/r/feature-02.json03 / 09|Bento grid · lead tile · icon tiles
Bento feature grid: a large lead tile with a faux file-tree preview beside five smaller token-lit tiles, each with an icon, title and short blurb.
npx shadcn@latest add https://hirael.com/r/feature-03.json04 / 09|Icon cards · warm glow · bullet list
Services grid: a pill badge, word-by-word animated title and intro over a three-column set of cards, each with a large thin icon, title, blurb and a three-point bullet list, lit by two pulsing warm radial glows. Cards rise in with staggered motion that respects reduced-motion.
npx shadcn@latest add https://hirael.com/r/feature-04.json05 / 09|Offset columns · dotted glow canvas · glass cards
Values section: a centered animated header over a two-column, offset grid of six glass cards, each backed by a canvas dot grid that shimmers dot by dot in the brand warm tone. Pauses off-screen and renders a single static frame under reduced-motion.
npx shadcn@latest add https://hirael.com/r/feature-05.json06 / 09|Two story cards · grid pattern · staggered copy
About section: a centered animated header over two equal story cards, each decorated with a fading SVG grid pattern and a token-lit gradient, with a heading and two paragraphs that rise in after the card. Reduced-motion renders everything in place.
npx shadcn@latest add https://hirael.com/r/feature-06.json07 / 09|Orb icons · concentric rings · staggered reveal
Problem-framing trio: a badge and serif headline with a muted second half above three cards, each an orb icon in concentric rings with a soft radial glow, a title and a short description. Cards fade up in sequence, stilled under reduced motion.
npx shadcn@latest add https://hirael.com/r/feature-07.json08 / 09|Pointer spotlight · hairline rails · crosshair corners
Six-card feature grid on hairline rails: each card carries an icon tile, a title and a description, corner crosshair marks, and a radial spotlight that follows the pointer on hover. Warm-tinted top glow per card.
npx shadcn@latest add https://hirael.com/r/feature-08.json09 / 09|Bento grid · crosshair frames · hover-warm icons
Catalog bento on a hairline grid: a wide opening cell, four single cells and a full-width closing cell, each with a large faded icon that warms on hover, a title, a clamped description and a crosshair frame that clips at the cell edge.
npx shadcn@latest add https://hirael.com/r/feature-09.json