Features Blocks

A feature grid highlighting product capabilities with icons.

An alternating left/right features layout with three rows, each pairing a copy block (eyebrow, title, body paragraph, and a four-item bullet list) with a decorative image placeholder, separated by horizontal dividers.

A dense two-column feature checklist with a short left-aligned heading, where each item shows a filled check square, a bold label, and one short description line. An "everything included" list with no cards or images.

Features section with category tabs that swap a 3-column grid of icon, title, and description cards

A single-feature spotlight: a two-column layout pairing a headline, copy, and a four-item checklist with a static settings-panel mock built from divs.

Pro statement features grid: a centered headline over a six-tile icon grid framed with corner brackets on a faint grid texture, tiles staggering in on scroll with a hover lift; theme-aware, reduced-motion friendly.

Pro two-column features section with animated proof mocks: a real-time analytics area chart that draws its lines with a floating tooltip, beside a stacked invoice card whose total counts up; scroll-into-view motion, theme-aware, with reduced-motion end states.

Pro alternating features rows, each pairing copy with a real animated mock: a customers data-table window, a threaded chat with mentions, and an integrations card with add buttons; scroll-into-view motion, theme-aware, reduced-motion friendly.

Pro developer-experience features section: a bracket-framed code-editor mock with model tabs whose lines type in with a blinking caret, above a uniform four-column feature strip; scroll-into-view motion, theme-aware, reduced-motion friendly.

Pro tabbed features showcase: category tabs swap a panel pairing a bullet list with a live mock (animated bar chart, automation rules, or insight meters) that cross-fades on change; theme-aware, reduced-motion friendly.

Pro three-up features with live mini-mocks: an animated chat bubble, an uptime bar meter filling to 99.9%, and a voting timeline, each above its title and description; scroll-into-view motion, theme-aware, reduced-motion friendly.

Pro metrics features band: four capability stats whose numbers count up on scroll-into-view; theme-aware, tokens only, reduced-motion friendly.

Pro three-step features split: a step rail on the left beside a stack of animated mocks on the right (live activity feed, real-time chart, usage alert), all three visible at once with no scrolling required; the rail pins on taller pages, blur-rise scroll-in, theme-aware, reduced-motion friendly, stacks on mobile.