Steps | Community Components | 21st

/Steps/

Steps

Here is Steps component

Loading preview...

import BasicSteps from "@/components/ui/steps";

export default function DemoOne() {
  return <BasicSteps />;
}

More examples

Steps CheckmarksOpen page →

Loading preview...

Navigation StepsOpen page →

Loading preview...

Spinner StepsOpen page →

Loading preview...

Icon StepsOpen page →

Loading preview...

Steps LabelOpen page →

Loading preview...

Steps LinesOpen page →

Loading preview...

Segmented StepsOpen page →

Loading preview...

Steps ProgressOpen page →

Loading preview...

Steps DescriptionsOpen page →

Loading preview...

Steps ContentOpen page →

Loading preview...

Vertical StepsOpen page →

Loading preview...

Vertical NavigationOpen page →

Loading preview...

Vertical LabelsOpen page →

Loading preview...

Vertical TitlesOpen page →

Loading preview...

Dependencies

@ark-ui/react

Source

tarkui.com

Published

8/25/2025

Dependencies

Tags

Featured

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Steps

More examples

Dependencies

Source

Published

Similar components