B. Application & Dashboard

Onboarding Checklist Widget

Getting-started checklists as a card, a floating launcher with popover, an inline banner, the celebration state and a collapsed sidebar pill.

5 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add app/checklist-widget

01Card

Uses: ChecklistTask · Progress · Button

components/blocks/app/checklist-widget/01-card.tsx

Uses: AppFrame · Popover · ChecklistTask · Progress

components/blocks/app/checklist-widget/02-floating-launcher.tsx

Uses: AppFrame · ChecklistTask · Badge · Button

components/blocks/app/checklist-widget/04-completed.tsx

Uses: AppFrame · Progress · Popover · ChecklistTask

components/blocks/app/checklist-widget/05-collapsed-pill.tsx