SUISSolid UI System

A SolidJS UI library with behavior primitives, styled components, and theme APIs.

Behavior Primitives

Compose accessible interactions with primitives for popups, selects, tooltips, checkboxes, focus management, and polymorphic elements.

Styled Kit

Use ready-to-use Solid components backed by SUIS primitives, vanilla-extract styles, and component-level theme contracts.

Customizable Themes

Customize through component tokens first, semantic vars second, and raw design tokens only when needed.

Start Here

SUIS is split into two packages:

@suis-ui/kit provides styled components, theme APIs, and the SUIS CSS entrypoint.
@suis-ui/primitives provides behavior-focused primitives for custom component composition.

Read the Introduction, review the Design Principles, or jump into Customization.

Packages

Use Kit components when you want ready-to-use UI. Use Primitives when you want to own markup and styling while reusing SUIS behavior.