Stepper 04 - Segmented Progress Pill
Minimal segmented stepper with a spring-animated progress pill sliding across rounded segments, clickable step labels, and gentle content transitions.
- Library
- Shadcn Space
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- lucide-react, motion
- Files
src/components/shadcn-space/stepper/stepper-04.tsxsrc/lib/utils.tssrc/components/ui/button.tsxsrc/components/ui/separator.tsxsrc/config.ts
- Source
- https://github.com/shadcnspace/shadcnspace
Categories
- Chip Components
- React Chip Components
- Tailwind CSS Chip Components
- Animated Chip Components
- shadcn/ui Chip Components
- Feedback Components
- React Feedback Components
- Tailwind CSS Feedback Components
- Animated Feedback Components
- shadcn/ui Feedback Components
More from Shadcn Space
- Badge 12 - Removable Filter Chip
- Checkbox 12 - Filter Chips
- Collapsible 05 - Token Usage
- Pagination 01 - Floating Pill
- About Us 01 - Impact Metrics
- Accordion-01 - Default
- Accordion-02 - Multi-level
- Accordion-03 - Numbered FAQ
- Accordion-04 - Card
- Accordion-05 - Media
- Accordion-06 - Filled Trigger
- Accordion-07 - Motion Services