Feature sections that explain a product: alternating rows, three-up icon grids, bordered cards and bento layouts, laid out to hold real copy and screenshots.
11 blocks, live at full size, install from here
01 / 11Stacked stripes, 3 layer mockups, link CTAs
One bordered card of stacked stripes: a centered intro, three alternating rows pairing an indexed layer with a small deploys, previews or release-rules mockup, then a three-column primitives row and a pair of link calls to action.
02 / 11What you get, 6 items, index kicker
Centered header above a six-item list of what every catalog item includes, laid out on hairline rows with a tabular index kicker.
03 / 11Bento grid, terminal lead tile, index kicker
Bento explaining install: a lead tile with the shadcn add command and the files it writes, beside five indexed tiles on dependencies, aliases, npm packages, tokens and runtime.
04 / 11Icon cards, primary glow, bullet list
Services grid: a pill badge, 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 a static primary radial glow. Cards rise in with a staggered CSS entrance.
05 / 11Offset columns, dotted pattern, glass cards
Values section: a centered header over a two-column, offset grid of six glass cards, each backed by a static dot pattern in the primary color, rising in with a staggered CSS entrance.
06 / 11Two 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.
07 / 11Orb 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.
08 / 11Pointer spotlight, hairline rails, crosshair corners
Six-card feature grid on hairline rails: each card carries an inline icon beside its title, a title and a description, corner crosshair marks, and a radial spotlight that follows the pointer on hover. Warm-tinted top glow per card.
09 / 11Bento grid, selectable steps, settings panel
Selectable catalog bento on a hairline grid: step cells with a large faded icon, title and description; picking one shows its sample settings in a panel below. Crosshair frames clip at the cell edge.
10 / 11Mixed cells, quote, metrics, latest drop
Mixed-cell overview bento: a quote with attribution, two metric tiles, a latest-drop card with a CardAction, and a three-job list, all on one hairline lattice.
11 / 11Vertical tabs, preview panel, inbox rows
Feature switcher for a shared inbox: a vertical tab list of three capabilities beside a panel previewing each one, from assigned conversations to saved replies and snooze times. Arrow keys move between tabs and the panel follows.