crafter/ uiSource
Components/Crafter · Organisms/Settings card

Settings card

A complete settings surface with validation and async save feedback.

Crafter Organism
Project settings
A home for what you are building.

Use a name your team will recognize.

You can change this anytime.
CRAFTER STYLEOpen style generator ↗Interactive · React 19

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/settings-card.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.

Card+Text field+Action button+Form feedback

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 ↗