Shadcn Process Blocks

Browse 16 Portfolio Pro process blocks for shadcn/ui. How I work steps, timelines, and engagement flows.

Portfolio Process: Checklist Process
Portfolio Process: Checklist Process
Four project stages in a two-column card grid each listing the deliverables as checked items so scope is unambiguous.
Portfolio Process: Two Column Process
Portfolio Process: Two Column Process
A working philosophy in three paragraphs on the left balanced against four numbered process steps in a ruled card on the right.
Portfolio Process: Vertical Steps
Portfolio Process: Vertical Steps
Five numbered stages stacked in a ruled list each with a title and a description that names a concrete commitment.
Portfolio Process: Phases Grid
Portfolio Process: Phases Grid
Four project phases in a two-column card grid, each card naming what happens, the concrete deliverable, and the typical duration.
Portfolio Process: Timeline With Art
Portfolio Process: Timeline With Art
A four-step vertical timeline with a Placeholder thumbnail per step and a named deliverable line under each description.
Portfolio Process: Principles Process
Portfolio Process: Principles Process
A principles-led process block presenting three working principles as wide cards, each with an explanatory sentence and an explicit named tradeoff.
Portfolio Process: Four Step Process
Portfolio Process: Four Step Process
A four-step process block showing Discover, Define, Design, and Deliver as numbered cards, each with a plain sentence describing the work at that stage.
Portfolio Process: Handoff Checklist
Portfolio Process: Handoff Checklist
A checked list of six deliverables the client receives at project close alongside a ruled notes strip and a card naming what the handoff does not include.
Portfolio Process: Discovery Call Steps
Portfolio Process: Discovery Call Steps
A first-call explainer listing the four agenda items of a free 30-minute discovery call alongside a fact strip covering duration, format, cost, and commitment.
Portfolio Process: Timeline Process
Portfolio Process: Timeline Process
A vertical timeline rail with five milestones each carrying a week range, day count, and the exact deliverable produced at that stage.
Portfolio Process: Engagement Flow
Portfolio Process: Engagement Flow
Five steps from first call to handoff presented as a two-column you and me table that names the mutual responsibilities at every stage.
Portfolio Process: Working Together Steps
Portfolio Process: Working Together Steps
A day-by-day breakdown of the first two weeks with honest expectations listed beside the Week 1 and Week 2 ruled day cards.
Portfolio Process: Process With Deliverables
Portfolio Process: Process With Deliverables
Four stage cards each split into a process description on the left and the named artifact it produces on the right, from the brief to the spec.
Portfolio Process: Three Phase Process
Portfolio Process: Three Phase Process
A two-column split with design philosophy and three belief statements on the left and three numbered phases as a ruled list on the right.
Portfolio Process: Numbered Process
Portfolio Process: Numbered Process
Three large-numbered phase cards showing Discover, Make, and Ship with a description and typical duration for each phase.
Portfolio Process: How I Work Steps
Portfolio Process: How I Work Steps
Four numbered cards each naming a stage title, what happens, and the concrete artifact the client receives at the close of that stage.