Beta

Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

We take the Shadcn UI component and animate it with Motion.

Installation

Props

Animate UI props

PropTypeDefault
transition?
Transition
{ type: 'spring', stiffness: 100, damping: 30 }

Credits

  • We use Radix UI for the progress component.
  • We take our inspiration from Shadcn UI for the progress style (to make it easier to replace a shadcn component with the animate ui component).

On this page