TypeSafe UI / Component library

Interfaces, in a
different light.

Small parts. Extraordinary possibilities. A considered collection of components for the next thing you build.

Explore components Enter the Lab

Independent by design. Open by nature.Glass study / TypeSafe UI

20 componentsReact Base UILight & darkSource included

Actions

Buttons, badges, and menus. The parts people press.

Button

Component

One filled action per surface. Everything else is outline or ghost.

Install Button

pnpm dlx shadcn@latest add button

Badge

Component

A small label for status, counts, and categories.

DefaultSecondaryOutlineDestructiveVerifiedLive · your key

Install Badge

pnpm dlx shadcn@latest add badge

Component

Grouped actions with shortcuts, submenus, and checkable items.

Install Dropdown menu

pnpm dlx shadcn@latest add dropdown-menu

Forms

Inputs and toggles with clear states and visible focus.

Input

Component

A single-line text field with invalid and disabled states.

Type without an @ to see the invalid state.

Install Input

pnpm dlx shadcn@latest add input

Input group

Component

An input with leading or trailing addons, text, and buttons.

⌘K

https://

Install Input group

pnpm dlx shadcn@latest add input-group

Textarea

Component

Multi-line text that grows with the message.

Request

51 characters

Install Textarea

pnpm dlx shadcn@latest add textarea

Select

Component

Pick one option from a fixed list. Groups and labels included.

Install Select

pnpm dlx shadcn@latest add select

Checkbox

Component

A binary choice that can also be indeterminate.

Switch

Component

An on-off control that applies immediately.

Live modeA local matcher stands in for Jev.Explain decisionsDisabled

Install Switch

pnpm dlx shadcn@latest add switch

Layout

Surfaces, dividers, and tabs that hold everything else.

Card

Component

A surface with header, action slot, content, and footer.

Decision

Which tool fits this request?

search_docs0.91

open_ticket0.07

escalate0.02

Install Card

pnpm dlx shadcn@latest add card

Tabs

Component

Switch between related panels. Default pill or underline style.

Rendered output goes here.

One choice question, one round trip.

Install Tabs

pnpm dlx shadcn@latest add tabs

Separator

Component

A thin rule between sections, horizontal or vertical.

TypeSafe UI

Small parts. Clear interfaces.

Library

Lab

GitHub

Install Separator

pnpm dlx shadcn@latest add separator

Scroll area

Component

Custom scrollbars that match the theme on every platform.

Recent decisions

req_410search_docs0.62

req_411open_ticket0.69

req_412escalate0.76

req_413answer0.83

req_414search_docs0.90

req_415open_ticket0.62

req_416escalate0.69

req_417answer0.76

req_418search_docs0.83

req_419open_ticket0.90

req_41aescalate0.62

req_41banswer0.69

req_41csearch_docs0.76

req_41dopen_ticket0.83

req_41eescalate0.90

req_41fanswer0.62

req_420search_docs0.69

req_421open_ticket0.76

req_422escalate0.83

req_423answer0.90

req_424search_docs0.62

req_425open_ticket0.69

req_426escalate0.76

req_427answer0.83

Install Scroll area

pnpm dlx shadcn@latest add scroll-area

Kbd

Component

Keyboard keys and shortcut groups.

⌘⇧EnterEsc

Press⌘Kto search, orDto toggle the theme.

Install Kbd

pnpm dlx shadcn@latest add kbd

Overlays

Dialogs, sheets, tooltips, and the command palette.

Dialog

Component

A modal for focused tasks and confirmations.

Install Dialog

pnpm dlx shadcn@latest add dialog

Sheet

Component

A panel that slides in from any edge.

Install Sheet

pnpm dlx shadcn@latest add sheet

Command

Component

A searchable command palette. Bound to ⌘K on this site.

Install Command

pnpm dlx shadcn@latest add command

Jev

Typed contracts and transparent decision results for Jev interfaces.

Jev contract

Component

Inspect noul, choice, and score questions with their exact candidate definitions.

Next action

choice

Choose only from the actions permitted by the host policy.

search_docs: Read approved documentation
needs_human: Ask a human when evidence is missing

Install Jev contract

# Custom workspace component; no hosted shadcn registry entry.
# From the typesafe-ui repository root:
pnpm install --frozen-lockfile
# Import @workspace/ui/components/jev-contract

Jev result

Component

Typed values with explicit provenance, unknown results, and failure states.

Response state

Illustrative response

Local fixture

Next action / choice: search_docs

You control these fixture values. No model call or confidence measurement.

Install Jev result

# Custom workspace component; no hosted shadcn registry entry.
# From the typesafe-ui repository root:
pnpm install --frozen-lockfile
# Import @workspace/ui/components/jev-result