OPEN SOURCE · MIT

Enterprise-grade UI forscience & engineering products

Kelvin UI is an open-source React component library in the visual language of industrial software — for teams building products in semiconductors, physics, chemistry, biotech, space, and computing. Light-first, sharp-cornered, token-driven: waveform viewers, register maps, terminals, and operations dashboards alongside every standard building block.

spi_flash_read — tb.dut.qspi020 ns / cycle
sclkclk
cs_n1
mosix
misoz
01234567891011CMD 0x03A[23:16]A[15:8]A[7:0]D0

Live component — hover the diagram. Waveform Viewer is one of the Semiconductor & EDA components.

200+ componentsTypeScriptTailwind CSS v4React 19copy-paste or CLI

Why Kelvin UI

Serious interfaces, without building a design system first

Kelvin UI packages the visual conventions of industrial and semiconductor software into components you can ship today.

Built for silicon teams

Waveform viewers, IP-XACT-style register maps, serial consoles, and equipment status boards — the widgets that EDA, embedded, and fab software is actually made of, ready to drop into your product.

An industrial design language

Light-first surfaces, sharp corners, hairline borders, engineering-blue tokens, and monospaced tabular numerals. No gradients, no glassmorphism — the restrained visual style that large engineering organizations trust.

200+ components, one system

From buttons and forms to full operations dashboards, every piece draws from the same design tokens, so screens assembled from different components still read as one product. Copy the source into your repo, or install any component with the shadcn CLI.

Theme in one file

CSS-first Tailwind v4 tokens: change the palette, radius, or typography once in globals.css and the entire library follows — components, charts, and status colors included.

Accessible by convention

Status is never carried by color alone — every state pairs a dot or icon with a label. Chart palettes are validated for color-vision deficiency, and every interactive element ships a visible keyboard focus ring.

TypeScript, zero lock-in

Every component is a self-contained, typed .tsx file you own outright — no runtime dependency on Kelvin UI, no breaking upgrades, nothing between your team and the code. Fork it, rename it, ship it.