Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Onboarding Checklist
Expandable checklist with progress indicator, step descriptions, and action buttons for guided setup flows
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Guide users through setup with this expandable checklist component. Features accordion steps, circular progress indicator, completion checkmarks, and action buttons. Built with shadcn/ui Card, Button, and DropdownMenu. Perfect for SaaS onboarding, product tours, or multi-step setup flows.
Get started with Documenso
Send your first document
Upload a PDF and send it for signature. You'll see how easy it is to get documents signed.
Create a reusable template
Save time by creating templates for documents you send frequently, like NDAs or contracts.
Invite your team
Add team members to collaborate on documents and manage signing workflows together.
Customize your branding
Add your logo and brand colors to create a professional signing experience for recipients.
Explore the API
Integrate document signing directly into your application with our developer-friendly API.
Connect your tools
Link with Zapier, Slack, or your CRM to automate your document workflows.
Installation
Related blocks you will also like
React Onboarding Stepper
Linear stepper
React Onboarding Cards
Card grid layout
React Onboarding Progress
Progress bar style
React Onboarding Minimal
Minimal checklist
React Onboarding Welcome
Welcome modal
React Onboarding Completion
Completion celebration