Blocks/Workflow46

A library of production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.

PRO

workflow25

Process Step Carousel

How-we-work section: a square visual beside a step panel with prev/next navigation, step title, description and a stat.

PRO

workflow26

Process Flow

Horizontal connected process steps with numbered nodes on a continuous rail.

PRO

workflow27

Process Ascent

Ascending-staircase process timeline where each phase climbs above the last, with oversized index numerals, cadence labels and per-phase deliverables.

PRO

workflow28

Phase Tabs

Tabbed engagement phases with deliverables, duration and imagery.

PRO

workflow29

Engagement Timeline

Mini-gantt of engagement phases with duration bars over a week scale.

PRO

workflow30

Phase Selector

Sticky clickable phase list driving a detail panel with checklist and image.

PRO

workflow31

Sprint Cadence

A weekly sprint rhythm shown as day columns of activities.

PRO

workflow32

Process Accordion

Expandable numbered process steps revealing deliverables and duration.

PRO

workflow33

Stage Rail

Interactive process rail with a filling progress spine; selecting a stage swaps its media and deliverables.

PRO

workflow34

Phase Outcomes

Each engagement phase mapped from its inputs to its outcomes.

PRO

workflow35

Method Pillars

A featured methodology panel alongside supporting principle pillars.

PRO

workflow36

Process Timeline

A single-rail vertical process timeline with numbered nodes and per-step duration and owner meta.

PRO

workflow37

Parallel Tracks

Two parallel workstream swimlanes aligned across shared phase columns.

PRO

workflow38

Cascade Process

Process steps cascading in a diagonal staircase with connecting markers.

PRO

workflow39

Phase Index

A numbered phase index that cross-fades a sticky detail panel as each phase is hovered.

PRO

workflow40

Process Board

A kanban-style board showing studio work moving across stage columns.

PRO

workflow41

Timeline Scroller

A horizontally scrollable dated milestone timeline with alternating cards on a continuous axis.

PRO

workflow42

Phase Bands

Full-width phase bands anchored by oversized ghost numerals with duration meta.

PRO

workflow43

Weekly Plan

Week-grouped task checklists each with a focus tag and a progress bar.

PRO

workflow44

Overview & Phases

A sticky process overview with summary stats beside an expandable phase accordion.

PRO

workflow45

Process Metrics

Each process stage paired with a prominent SLA-style metric.

PRO

workflow46

Numbered Process Steps

Left-aligned intro with eyebrow, heading and CTA beside a four-column band of numbered process steps linked by a connector line.