Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Previous: React Onboarding Feedback Survey
Next: React Onboarding Goal Setting

React Onboarding First Project

First project creation with name input, settings toggles, and step-by-step creation progress

Create first projects with this creation wizard. Features project name input, visibility toggle, settings options, and creation progress indicator. Built with shadcn/ui Card, Input, Switch, and Button. Perfect for workspace setup, first-run experiences, or project-based workflows.

React Onboarding First Project preview

Loading...
Scroll to load preview

Installation

Install
Pro block

React Onboarding Team Invite

Team invites

React Onboarding Workspace

Workspace setup

React Onboarding Completion

Completion celebration

React Onboarding Data Import

Data import

React Onboarding Templates

Template selection

React Onboarding Goals

Goal setting

FAQ

React Onboarding Feedback Survey

Feedback survey with emoji rating scale, NPS question, and text input for user research

React Onboarding Goal Setting

Goal setting with objective input, priority selector, and goal list management for productivity flows