Onboarding Checklist
A getting-started checklist with a progress bar that checks off steps with a spring.
Getting started
Finish these steps to launch your first deploy.
0%
complete
Create project
Name your workspace and choose a region.
Invite team
Add teammates by email or a shared link.
Connect repository
Link a GitHub repo to sync changes.
Deploy
Push to main and ship to production.
0 of 4 steps doneOpen dashboard
Usage: paste this file into your project (e.g.
components/onboarding-checklist.tsx), make sure framer-motion, clsx and tailwind-merge are installed, and add the cn() helper from the docs.