blocks

ephraimduncan/blocks

Form Layout

5 free shadcn/ui form layout examples built with React, Tailwind CSS, and Next.js. Copy the code or add any block from the registry.

Form with Workspace Fields

Open in New Tab

Open in Open in

Register to workspace

Take a few moments to register for your company's workspace

First name*

Last name*

Email*

Address

City

State

Postal code

Form with Side Labels

Open in New Tab

Open in Open in

Personal information

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

First name

Last name

Email

Birth year

Role

Roles can only be changed by system admin.

Workspace settings

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Workspace name

Visibility

Workspace description

Note: description provided will not be displayed externally.

Notification settings

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Newsletter

Change how often you want to receive updates from our newsletter.

Every week

Every month

Never

Form with Checkbox Settings

Open in New Tab

Open in Open in

Personal information

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

First name

Last name

Email

Birth year

Role

Roles can only be changed by system admin.

Workspace settings

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Workspace name

Visibility

Workspace description

Note: description provided will not be displayed externally.

Notification settings

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Team

Configure the types of team alerts you want to receive.

Team join requests

Weekly team activity digest

Usage

Configure the types of usage alerts you want to receive.

API requests

Workspace loading times

Query caching

Storage

Form with Package Selection

Open in New Tab

Open in Open in

Apply for early access

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

First name*

Last name

Work email*

Company

Company size (employees)

Select a workspace package

Starter

Up to 10,000 requests per day.

Free

Premium

500,000 requests per day¹

$900/month²

Enterprise

Based on your specific needs

Custom

¹ $0.5/10K requests after limit reach.

² No credit card required for registration.

Form with Plan Selection

Open in New Tab

Open in Open in

Create new design workspace

Organization

Workspace name

Region

For best performance, choose a region closest to your operations

Plan type*

Creator

Up to 3 design projects
Basic collaboration tools
5GB cloud storage
Community forum support

$15/mo

Teamrecommended

Unlimited design projects
Advanced collaboration suite
50GB cloud storage
Priority email support

$49/mo

Agency

Unlimited projects and team members
Client portal access
250GB cloud storage
White-labeling options
Dedicated account manager

$99/mo

Choose the right plan for your design team

Our flexible plans are designed to scale with your team's needs. All plans include core design collaboration features with varying levels of storage and support.

Used by top design teams worldwide
Seamless integration with design tools
Real-time collaboration features

blocks.so

Built by Ephraim Duncan. Source on GitHub.

© 2026 Blocks.so