Timeline

A step-by-step timeline for onboarding or process flows.

Your brutalist build flow.

Highlight key steps or milestones for your product.

  1. 1

    Pick a vibe

    Choose a palette that matches your brand energy.

  2. 2

    Drop the blocks

    Copy the blocks you need and customize the props.

  3. 3

    Ship fast

    Launch bold layouts without losing speed.

Installation

pnpm dlx shadcn@latest add https://brutalui.dev/r/timeline.json

Usage

import Timeline from '@/components/blocks/timeline'
<Timeline />