Pricing
Get Started
  • Introduction
  • Installation
  • MCP Server
  • Saved
Site
  • Builder (Beta)
  • Pricing
  • Roadmap
  • Affiliates
Browse
  • All Blocks
Categories21
  • Hero Section7 New
  • Features4 New
  • Social Proof4 New
  • Contact4 New
  • Footer4 New
  • Comparison4 New
  • Navigation4 New
  • Auth3 New
  • Call To Action4 New
  • FAQ4 New
  • Pricing4 New
  • Stats4 New
  • 4043 New
  • Profile3 New
  • About4 New
  • Waitlist3 New
  • Showcase3 New
  • How It Works3 New
  • Download3 New
  • Blog4 New
  • Ecommerce4 New

How It Works

Step-by-step process sections explaining how things work

how-it-works-9New

Interactive release-step switcher with sliding indicator and animated detail panels

how-it-works-8New

Horizontal three-step flow with a drawing connector line and UI-primitive vignettes

how-it-works-7New

Sculptural four-step grid with oversized serif numerals orbiting a central arched image

how-it-works-6

Scroll-progress timeline with animated nodes and image cards that pulse when reached

how-it-works-5

Split layout with lowercase heading, green CTA pill, and numbered green-circle steps

how-it-works-4

Today/Day 5/Day 30 timeline pills with dotted connector and bordered checklist cards

how-it-works-3

Animated stepper with 3D perspective shifting images

how-it-works-2

Step cards with dimmed image background hover effect

how-it-works-1

Step-by-step carousel with images and navigation

PreviousShowcaseNextDownload

Animated components, blocks, and templates for React. Pay once, ship stunning pages forever.

pro@reactbits.dev

Site

HomeBuilder (Beta)PricingTestimonialsFAQsRoadmapChangelogFree Components

Docs

IntroductionInstallationMCP ServerComponentsBlocksTemplates

Resources

AboutUse casesComparisonsAlternativesFor AI agents

Legal & Account

LoginAffiliateLicensePrivacyContact

© 2026 pro.reactbits.dev. All rights reserved.