SaaS Onboarding Checklist Widget

A floating onboarding checklist guiding new users through setup steps with progress tracking.

SaaS saas onboarding interactive animated intermediate

Prompt

Create an onboarding checklist widget (bottom-right corner):

Collapsed: "Setup guide (2/5 done)" button with progress ring

Expanded panel:
- Progress bar: "2 of 5 completed"
- 5 checklist items with completion toggles
- Incomplete items: title, description, action button
- Completed items: struck through, green checkmark
- Completion: confetti + "You're all set!" + hide option
- Minimize button

Use shadcn/ui, Tailwind CSS, framer-motion, dark mode

Share:Share on X