U
UIPKGE

Onboarding Checklist · UIPKGE

Progressive activation checklist card: header with title, an N of M complete counter and a linear Progress bar, tappable task rows with icon tiles, one-line descriptions and chevrons (completed tasks flip to a filled check tile with muted copy), a footer with a Skip for now ghost link and an X dismiss that fades the card out, and a success panel with a glowing check circle at 5 of 5. State is local — wire tasks to your own activation API.

npx shadcn@latest add https://uipkge.dev/r/react/onboarding-checklist.json
Loading the source for onboarding-checklist…

onboarding-checklist