Build · Onboarding · intermediate
Build an Interactive Onboarding Checklist
Onboarding SaaS intermediate Lovablev0
How to use
- Copy the prompt below
- Paste it into Lovable, v0
- Review the output and follow up with refinements
Prompt
Create an onboarding checklist component that appears at the top of the main dashboard for new users. The checklist should contain exactly 5 steps: Set up your profile, Connect your first integration, Invite a team member, Create your first project, and Complete a test run. Each step should check its completion status from the database in real time and display a filled checkmark icon when done. Show a progress bar above the list with a label like "3 of 5 complete" that updates automatically. The entire checklist component should animate away and be permanently hidden once all 5 steps are marked complete — at that point, set an is_onboarded: true flag on the user's record in the database so it does not reappear on next login. For users who have already completed onboarding (is_onboarded is true), do not render the component at all. Related prompts
Was this helpful?
Enjoying this guide?
Get weekly practical guides, plus tool updates and implementation playbooks.