Skip to content
All primitives

A primitive is one control you drop into a form or a toolbar — a segmented control, an input with an addon, a tag field.

Actions

3 of the 54 primitives in the catalog. Every one is a single file of plain markup and Tailwind classes — paste it and it works.

Open the full page for this primitive

Button

Six variants and four sizes, with the two states everyone forgets: a loading state that keeps its width, and an icon-only size whose type refuses to compile without an accessible name.

Actions114 lines1 dep
Open the full page for this primitive

Button Group

Buttons joined into one control, with collapsed borders, logical end rounding and a focus ring that paints above its neighbours instead of being clipped by them.

Actions104 linesNo deps
Open the full page for this primitive

Social & Login Buttons

Google, GitHub, Apple and Microsoft with their real marks drawn as inline SVG — no icon package, no brand-guideline violation, and the "Continue with" wording that works for sign-up and sign-in at once.

Actions150 lines1 dep