ComponentsProcess & How-it-works Components

Process & How-it-works Components

Process sections that explain workflows, steps, and journeys with visual previews for all 48 components.

48components

0 Free·48 Pro

import { ... } from "@/components/blocks/process"

ProcessSteps3

Pro

1280px

Loading preview...

ProcessSteps4

Pro

1280px

Loading preview...

ProcessSteps5

Pro

1280px

Loading preview...

ProcessStepsVertical

Pro

1280px

Loading preview...

ProcessStepsHorizontal

Pro

1280px

Loading preview...

ProcessStepsNumbered

Pro

1280px

Loading preview...

ProcessStepsIcons

Pro

1280px

Loading preview...

ProcessStepsCards

Pro

1280px

Loading preview...

ProcessStepsTimeline

Pro

1280px

Loading preview...

ProcessStepsConnected

Pro

1280px

Loading preview...

ProcessStepsArrows

Pro

1280px

Loading preview...

ProcessStepsMinimal

Pro

1280px

Loading preview...

ProcessStepsDetailed

Pro

1280px

Loading preview...

ProcessStepsAlternating

Pro

1280px

Loading preview...

ProcessStepsZigzag

Pro

1280px

Loading preview...

ProcessStepsAnimated

Pro

1280px

Loading preview...

ProcessStepsInteractive

Pro

1280px

Loading preview...

ProcessStepsWithImage

Pro

1280px

Loading preview...

ProcessStepsWithVideo

Pro

1280px

Loading preview...

HowItWorksCentered

Pro

1280px

Loading preview...

HowItWorksSplit

Pro

1280px

Loading preview...

HowItWorksSimple

Pro

1280px

Loading preview...

HowItWorksDetailed

Pro

1280px

Loading preview...

HowItWorksIcons

Pro

1280px

Loading preview...

HowItWorksImages

Pro

1280px

Loading preview...

HowItWorksCards

Pro

1280px

Loading preview...

HowItWorksGrid

Pro

1280px

Loading preview...

HowItWorksTimeline

Pro

1280px

Loading preview...

HowItWorksFlow

Pro

1280px

Loading preview...

HowItWorksAccordion

Pro

1280px

Loading preview...

HowItWorksTabs

Pro

1280px

Loading preview...

HowItWorksVideo

Pro

1280px

Loading preview...

HowItWorksDemo

Pro

1280px

Loading preview...

HowItWorksInteractive

Pro

1280px

Loading preview...

HowItWorksCTA

Pro

1280px

Loading preview...

WorkflowDiagram

Pro

1280px

Loading preview...

WorkflowLinear

Pro

1280px

Loading preview...

WorkflowBranching

Pro

1280px

Loading preview...

FlowchartSimple

Pro

1280px

Loading preview...

FlowchartDetailed

Pro

1280px

Loading preview...

PipelineSection

Pro

1280px

Loading preview...

PipelineStages

Pro

1280px

Loading preview...

JourneyMap

Pro

1280px

Loading preview...

CustomerJourney

Pro

1280px

Loading preview...

FunnelDiagram

Pro

1280px

Loading preview...

FunnelStages

Pro

1280px

Loading preview...

CycleProcess

Pro

1280px

Loading preview...

LifecycleProcess

Pro

1280px

Loading preview...

All 48 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/process