Component Library

High-fidelity, universal primitives designed for speed, SSR, and seamless use across Chemical, React, Preact, and Solid.

Buttons
Inputs
Text input
Select
Text area
Cards

Launch Status

Beta

Universal components ship with SSR + hydration out of the box.

Design Tokens

Stable

Light and dark mode are defined at the theme layer.

chx-default
chx-accent

Build Speed

Universal

Small JS output, fast hydration, and clean markup.

Alerts

Heads up

These components are designed for SSR-first delivery.

Success

Universal components are working across all frameworks.

Error

Make sure to pass required props when using nested components.

Badges, Chips, Avatars
Neutral
Accent
Success
Error
Edge
Accent
Success
Error
CH
CU
UI
cmd+k
Toggles

SSR: | Hydration: | Density:

Typography, Links, Icons

Build Interfaces With SSR-First Primitives

These typography and navigation primitives ship directly from the universal components package.

A presentational typography set, navigation links, and icon primitives are available in the same package.

<CodeText>
cmd+k
?
i

Small helper copy for supporting metadata.

Paper, App Bar, Drawer, Menu

Workspace

Reusable surfaces now cover document-like shells and navigation containers.

Popover

Static SSR-friendly shell for compact contextual content.

Tooltip copy can also be rendered inline.
Stats, Empty States, Mobile

Requests

18.4k

+12%

No deployments yet

Create a pipeline to start preview builds and production releases.

Bottom Bar

Mobile Actions
Feedback
Saved
Changes were written to disk.

Interactive Dialog

This dialog is centered with a backdrop layer and can be dismissed through its controls.

Accordion, Tabs, Pagination
How does SSR-first hydration help here? Click anywhere on the summary row to toggle the details. +
Markup ships complete on first response, then universal bindings attach without rebuilding the whole subtree.
Can these primitives power mobile-compatible web apps? Floating actions and bottom navigation are part of the library now. +
Yes. The component set now includes compact actions, icon buttons, floating action buttons, and a bottom bar pattern.
Overview tab content is interactive and swaps instantly on click.
Table and List

Table

PackageStatusSSR
ButtonsReadyYes
TogglesUpdatedYes

List

  • Universal components render HTML first.
  • Hydration preserves SSR markup instead of rebuilding the tree.
  • Interactive demos now cover toggles, tabs, and dialogs.