A two-column sign-up page: the form on one side, a plain checklist of what the free plan includes on the other.
Installation
pnpm dlx shadcn@latest add https://kagadmodyaa.vercel.app/r/signup-02.jsonNeeds a React + Tailwind project set up with shadcn. Copies the block's files into your project, along with the components it uses, so you can edit all of it.
Files
What the command adds to your project, and where.
app/signup-02/page.tsxThe page itself, at the route it is meant for. Move or rename it to suit your app.
components/signup-02/signup-form.tsxA component the page imports. Edit it freely.
It also installs the components it is built from, unless you already have them: Button, Field.
Links, copy and the product name are placeholders; swap in your own. Where a block has a form, its submit handler is a stub for your own request.
More in Sign up
- Signup 01A centred sign-up card with social buttons and a live password strength meter.
- Signup 03A three-step sign-up: account, workspace name with a live address preview, then teammates as email chips, validated at each step.
- Signup 04A social-first sign-up: large Google, GitHub and Microsoft buttons, with an email form that opens only when someone asks for it.
- Signup 05A plan-aware sign-up: pick Free, Team or Business with live prices, and the form, seats and order summary change with the choice.