Sign-up Sections — UI Block

A split sign-up page: the pitch and a checklist that ticks itself off on one side, the form with social sign-in and a strength meter on the other.

Free
Signup sections
1 section

Install

One command adds every section and its dependencies. Some sections install on their own, with the command shown in each one's code.

$ npx shadcn@latest add @nexus-labs/signup-blocks

Full setup guide

Install the complete Sign-up Sections family with its 1 variant. The registry command adds the source files, required utility imports, and npm packages used by this block.

1
Prepare a shadcn project
Use a Next.js project with Tailwind CSS and the @/ alias. If shadcn is not configured yet, run:
```
npx shadcn@latest init
```

Connect the Nexus UI registry

Replace your components.json with this, or add the registries key to your existing one.

{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "default",
  "rsc": true,
  "tsx": true,
  "tailwind": {
    "css": "src/app/globals.css",
    "baseColor": "neutral",
    "cssVariables": true,
    "prefix": ""
  },
  "aliases": {
    "components": "@/components",
    "utils": "@/lib/utils",
    "ui": "@/components/ui",
    "lib": "@/lib",
    "hooks": "@/hooks"
  },
  "registries": {
    "@nexus-labs": "https://www.nexus-ui.com/api/registry/{name}"
  }
}

3
Install the full block family
Run this command from your project root. It installs every variant shown on this page.
```
npx shadcn@latest add @nexus-labs/signup-blocks
```
4
Files added to your project
The component package installs these block source files:
components/
split-signup-convert/
split-signup-convert.tsx
5
Copy the example into your page
Switch to the Codetab on the variant you want. On the left you'll see a ready-to-use snippet — copy it and paste it into app/page.tsx:
```
// app/page.tsx
import YourBlock from "@/components/...";

export default function Page() {
  return (
    <main>
      <YourBlock />
    </main>
  );
}
```
The exact import path is shown in the Code tab sidebar for each variant.

1 of 1

Split Signup Convert

Free forever plan

Ship interfaces your team is proud of

Start free. No card, no sales call. Invite your team when you're ready.

Every component, live and editable
One-line installs with the CLI
Light and dark out of the box

Joined by 12,000 teams this year

Fill the form and watch the left side tick off.

Sign-up Sections — UI Block

Prepare a shadcn project

Connect the Nexus UI registry

Install the full block family

Files added to your project

Copy the example into your page

Ship interfaces your team is proud of

Create your workspace

More blocks