Features

7 sections

Features 01: Bento Grid

Asymmetric bento grid of five feature cards with icon chips and a CSS-only product mock in the featured tile, revealed with stagger.

Great for: SaaS and digital products presenting several features at a glance.

features-01
Features 02: Alternating Rows

Three alternating feature rows pairing icon and extended copy with animated square CSS mock visuals (live chart, cycling workflow, typing code), each revealed on scroll.

Great for: Products and services that need room to explain three key benefits in depth.

features-02
Features 03: Sticky Brief

Split layout with a sticky headline brief beside three icon feature cards, one expanded into an animated A/B-test report with growing variant bars and a significance meter.

Great for: SaaS and analytics products explaining one flagship capability.

features-03
Features 04: Feature Spotlight

Single-feature split pairing a benefit brief, three proof-point cards and one CTA with an animated funnel mock whose step bars grow on scroll, highlighting the costliest drop-off.

Great for: SaaS and tools built around one killer feature.

features-04
Features 05: Toolkit Grid

Centered header over a three-column grid of six capability cards with icon chips and one quantified line each, plus a small link below.

Great for: Platforms and agencies listing a broad toolkit of capabilities.

features-05
Features 06: Capability Tabs

Interactive tab list of platform capabilities with auto-advancing rotation; the active tab swaps an animated detail panel with quantified stat chips.

Great for: Platforms and services presenting several capabilities in limited space.

features-06
Features 07: Bento Grid

Zigzag bento grid of four capability cards, each carrying an animated mini visual: live chart, self-toggling switch, presence stack and calendar.

Great for: Any business type: clinics, agencies, shops and studios.

features-07