Features 04

Pro

A four-step how-it-works section. On desktop the steps scroll past a sticky bento stage that swaps its preview as each step reaches the middle of the viewport; on mobile each step shows its own preview inline.

Loading preview

Installation

Writes components/blocks/features-04.tsx and installs every component it uses.

npx shadcn@latest add @blank-pro/features-04

Needs a Blank Pro licence key and the @blank-pro registry. Set up Pro access

Built with

Packages

  • lucide-react
  • motion
All blocks

Features 01

A section heading with a short intro and a button, followed by six raised feature cards with an icon, title and description. Three columns on desktop, two on tablet, one on mobile.

Features 02Pro

Three alternating text and visual rows under a centered heading. Each visual is a working UI on a lit bento stage: source connections with switches, a request cluster with revenue by account, and a weekly digest email.