design-infraReport a problem or share feedback← Catalog
Multi Step Loader
curatedfreeaceternity/multi-step-loader
A step loader for screens that take a lot of time to load.
$
npx shadcn@latest add @aceternity/multi-step-loadernpm deps: @tabler/icons-react, motion
Our notes
Full-screen step loader for long operations (generation, onboarding).- Source
- Aceternity UI
- Kind
- component
- Categories
- loader
- Use as
- drop-in — replaces your component
- Applies to
- loader
- Motion
- on state, loop · medium · motion · medium cost · ignores reduced motion
- Tags
- special, utility
- Licence
- Free for unlimited personal & commercial projects; no redistributing as a competing library. Pro/All-Access is a one-time purchase.
- Live demo
- ui.aceternity.com
- Docs
- ui.aceternity.com
Similar
Compare all 4 →- Agent statusoc/agent-statusInline or avatar-size agent activity indicator: libraries.dev thinking-orbs + shimmering verb + detail line.
- Image Generation Loaderaceternity/image-generation-loaderA canvas loader that scans across an image with animated pixel grids, text masks, and progress overlays.
- Loadersaceternity/loaderA set of simple and minimal loaders for your loading screens and components.