# Process Pillars

> Process Pillars is a visually intuitive component that represents a typical product development lifecycle. It uses a segmented progress bar style to display five distinct phases. Each phase is represented with a partial fill to visually communicate stage-wise progression.

Use Case:
Ideal for portfolio sites, agency websites, SaaS dashboards, onboarding flows, or any platform that needs to communicate a linear process or workflow.

- Author: [Ankit Sharma](https://21st.dev/@ankitsharma2615)
- License: unknown
- npm dependencies: framer-motion
- Live preview: https://21st.dev/@ankitsharma2615/components/process-pillars

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ankitsharma2615/process-pillars?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt