Skip to content

MotionVaultAnimated UI vault

Motion Sites

Full animated website templates

Category

Site Templates→

Top tags

#landing #template #saas #hero #portfolio #terminal

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

React Bits

Advanced animated components

Category

Top tags

#card #navigation #menu #cards #3d #dashboard

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Uiverse

Buttons, loaders, toggles

Category

Top tags

#form #button #input #loader #hover #toggle

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Anime.js

Spring, drag & scroll motion

Category

Top tags

#canvas #text #scroll #hover #particles #glow

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Aceternity UI

Glow cards, tilt, starfield…

Category

Top tags

#card #navigation #menu #cards #3d #dashboard

Filter by tech

React Tailwind CSS JavaScript GSAP Anime.js Framer Motion

Motion Sites React Bits Uiverse Anime.js Aceternity UI Hall1246 · 375,921

1246 assets · 375,921 prompts copied

Home/Tags/#steps

Tag collection

#steps

11 animated steps assets — each with a live preview, copy-paste HTML/CSS/JS source and a ready-made AI prompt.

Components6 UI Elements4 Animations1 All tags →

Related tags — click to cross-filter

#progress+5 #wizard+5 #carousel+2 #checkout+2 #form+2 #stepper+2 #auth+1 #check+1 #collapsible+1 #cooking+1 #discrete+1 #food+1 #indicator+1 #install+1

All vaults Site Templates Components UI Elements Animations

#progress 5 #wizard 5 #carousel 2 #checkout 2 #form 2 #stepper 2 #auth 1 #check 1 #collapsible 1 #cooking 1 #discrete 1 #food 1

11 assets tagged #steps

Components Live preview

Gradient stepper progress nav

4-step wizard indicator: numbered nodes light up with gradient borders as the fill bar advances.

HTMLCSSJavaScriptModerate

Components Live preview

Timeline Steps

Vertical milestone timeline with pulsing dots, connecting line and staggered reveal.

HTMLCSSJavaScriptModerate

Components Live preview

Progress Steps Wizard

Multi-step progress indicator with checkmarks and connecting bar animation.

HTMLCSSJavaScriptModerate

Animations Live preview

Progress Steps Pulse

Stepped progress with pulsing current step and checkmarks.

Components⚛ TSX Live preview

Multi-Step Signup Form

Three-step signup wizard with progress rail, per-step validation and review summary.

HTMLCSSJavaScriptAdvanced

Components⚛ TSX Live preview

Onboarding Carousel with Progress

Product onboarding screens with illustration steps, progress dots and skip/finish flow.

HTMLCSSJavaScriptAdvanced

Components⚛ TSX Live preview

Recipe Steps Carousel

Cooking recipe carousel stepping through instructions with ingredient chips.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Checkout Progress Steps

Multi-step progress indicator with completed checks and animated connector.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Steps Slider with Tick Marks

Discrete slider with tick labels and snapping thumb.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Install Wizard Steps

Install steps with terminal ticks, current pulse and done checks.

HTMLCSSJavaScriptAdvanced

UI Elements⚛ TSX Live preview

Stepper with Collapsible Steps

Vertical stepper where completed steps collapse to summaries.

HTMLCSSJavaScriptAdvanced

MotionVault

The treasure vault for animated web design. Full site templates, advanced components, UI micro-elements and animation snippets — each with live preview, source code and an AI prompt. Inspired by Motion Sites, React Bits, Uiverse, Anime.js and Aceternity UI.

1246 items582k stars376k copies

Vault sections

Site Templates
Components
UI Elements
Animations

More

Explore everything
Favorites
Submit
Privacy
Roadmap
Support
Accessibility
Built with Next.js · Tailwind

© 2026 MotionVault — curated for builders who ship.·🎲 Surprise me·v2.0.0

11 animated steps components & code snippets · MotionVault