Create project
Create projects with optional invitations. Install the block and connect its callbacks to your app.
Try the whole flow
Live componentYour projects
Manage projects in this workspace.
Website refresh
8 tasks · Shared with your team
Design system
3 tasks · Private workspace
Usage
your-page.tsx
123import { CreateProject } from "@/components/create-project"
<CreateProject onCreate={(value) => console.log(value)} />The example stores state locally while mounted. Connect onCreate to your app’s persistence. ProjectValue is exported for typed integration. Handle loading and server failures in your app before treating a save as permanent.
Installation
The block includes all its components, dependencies, helper, theme, and JZB UI design skill.
Terminal
1pnpm dlx shadcn@latest add https://jzbui.com/r/create-project.jsonBehavior & accessibility
- Project names require at least two characters. Invitations are optional; entered addresses are validated.
- Creating a project adds it to the list. The menu can duplicate or archive it; an empty list offers a fresh start.
- The invitation is prepared locally. No email is sent. Closing and reopening starts a fresh form.
- Base UI manages nested select/menu layers, dialog focus, and Escape dismissal.