A calm library of components for focused product interfaces.

Browse the Sen UI primitives, inspect their behavior, and copy the patterns that fit your next React and Tailwind build.

Pick the primitive that matches the job.

The index is organized for scanning. Each card points to a focused component page with previews, states, and usage examples.

Actions, loading states, disabled states, and clear intent.

Brand, routes, and action slots in one composed surface.

Form-friendly selection with readable labels and state.

Single-choice controls for settings and compact forms.

Dense data surfaces that remain calm and scannable.

Text rhythm for product copy, docs, headings, and body content.

Highlighted snippets with copy behavior for documentation.

Simple icon rendering for product navigation and utility actions.

Lightweight feedback for waiting states without visual noise.

Button, Spinner, and Icon cover the fastest route to interactive product flows.

Header, Typography, and Code give docs and app surfaces a consistent frame.

Checkbox, Radio, and Table keep forms and data-heavy views readable.

ButtonHeaderCheckboxRadioTableTypographyCodeIconSpinnerButtonHeaderCheckboxRadioTableTypographyCodeIconSpinner

Start with a component page, copy the implementation details, then adapt the surface to your own product system.