Components/Crafter · Molecules/Text field

Text field

A label, description, and accessible validation in one place.

Crafter Molecule

A small idea is a good place to start.

Installation

Add the Crafter composition to your shadcn Base UI project. You own the source.

Terminal
bunx --bun shadcn@4.21.0 add http://localhost:4324/r/text-field.json
First time here? Read the setup guide ↗

Composition

A named, reusable unit built from smaller pieces. Keep it independent until your product needs a larger composition.

Field+Label+Input+Description+Error

Make it yours

Install a single component, or choose your theme and a collection to export together. Crafter defaults are monochrome with sharp corners.

Create your library ↗