Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:block2 dependencies

Field Layouts 4 - Grid layout

field-field-layouts-4

FieldGroup arranged in a multi-column grid for related inputs.

@shadcnblocksRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

6 variants

Variants of this

Other takes on Field Layouts 4 - Grid layout from @shadcnblocks — the same idea in another design, language or styling.

Field components nested inside FieldContent for structured sub-fields.

Open
@shadcnblocks

More from @shadcnblocks

All 806 items
Shopping Cart 2 - Page cart with order summary
shopping-cart2
Block
Alert Warning 5 - Warning with Everything
alert-alert-warning-5
Block
Chart Radar Legend - A radar chart with a legend
chart-chart-radar-legend
Block
Chart Bar Mixed - A mixed bar chart
chart-chart-bar-mixed
Block
Button Group Advanced 4 - Rich Text Toolbar
button-group-button-group-advanced-4
Block
Bento Tile Bento46 Tile 4 - AI chat and data pipeline bento tile 4
bento-tile-bento46-tile4
Block
Todo 2 - Drag-and-drop todo list
todo2
Block
Emoji Picker Basic - Emoji picker basic
emoji-picker-emoji-picker-basic
Block