Words, structured.

Four fields that gather more than a line — rich prose, tagged sets, validated forms, and scoped search. Accent rests on the active focus alone; everything else stays in quiet driftwood ink.

Rich Text Editorvariant · toolbar[]

variant="default" · full toolbar

The grand opening drew a quiet crowd to @AveryLindqvist's studio — lavender, warm stone, and a long table of samples.

Tiptap-backed. Variants default · compact · parchment. Toolbar items bold italic underline heading list quote code link image — plus mention tag dropcap for the parchment editor. @-mentions resolve via onMention.

Chip Inputsize · dedupe · commitOn

value[] · commitOn Enter, Comma

lavendercitruscedarwood mint|

mint

mimosa

myrrh

Token entry with a typing buffer. Sizes sm/md/lg, dedupe strict · case-insensitive · off, commit on Enter Comma Tab Space. suggestions opens the listbox; highlighted option takes the accent tint.

Formreact-hook-form bound

Full name

Avery Lindqvist

Shown on your booking confirmation.

avery@

Enter a valid email address.

Form · FormField · FormItem · FormLabel · FormControl · FormDescription · FormMessage. Label, control + description, and the destructive FormMessage wired to validation via aria-invalid.

Search fieldInput · prefix · clearable

default · prefix icon

Search treatments…

focus · clearable · accent ring

hot stone

Input with prefix={<Search/>} + clearable — not a separate component. Variants default · error · warning, sizes via data-size sm/md/lg. Focus is the one accent moment.

Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

8.5 × 11 · Portrait