Journey Stepper
Create beautiful, animated journey maps and timelines in Framer. Engage users with interactive steps and celebrate progress with a fun confetti effect.
Make it with Workshop
Build your own component with AI
Bring your stories and processes to life with the Journey Stepper. This fully responsive and interactive component allows you to guide users through a beautiful, animated path, perfect for onboarding flows, feature showcases, company timelines, and more. No code required.
Key Features
Fully Animated & Interactive: Smooth, elegant animations guide the user from one step to the next.
Confetti Burst Effect: Celebrate milestones with an automatic confetti animation when a new step is reached.
Multiple Path Layouts: Choose from four unique path shapes: Curve, Straight, Vertical, or Zigzag.
Highly Customizable: Control every aspect, from colors and fonts in the Theme settings to card sizes and animation styles.
100% Responsive Design: Looks and works perfectly on all devices, from large desktops to mobile phones.
Custom Icon Support: Easily replace the default emojis with your own Framer components to match your brand.
Smart Animation Triggers: Start the animation on page load, when the component becomes visible on screen, or on a user's click.
Perfect For Showcasing:
User Onboarding Sequences
"How It Works" Sections
Product Feature Roadmaps
Company History Timelines
Step-by-Step Project Plans
