Frost Education Onboarding
A cool, Nordic-inspired onboarding wizard for education platforms.
Features
- Four-step wizard — Role selection, subject picking, schedule setup, profile completion
- Visual step indicator — Vertical progress with connected line and state indicators
- Frosted glass UI — Backdrop blur cards with semi-transparent backgrounds
- Aurora effect — Animated gradient at the top mimicking northern lights
- Progress bar — Blue-to-purple gradient showing completion percentage
- Responsive — Stacked on mobile, side-by-side on desktop
- Light & dark mode — Ice-white light, deep navy dark
Dependencies
@remixicon/react — Step and navigation icons@/components/ui/badge — Subject tags@/components/ui/button — Navigation buttons@/components/ui/card — Container and step cards@/components/ui/separator — Visual dividers
Customization
- Edit steps and content in the data arrays
- Adjust blue/purple palette via Tailwind classes
- Add or remove onboarding steps
