Skip to content

A themeable React
component library

silver-ui has 80+ fast and accessible components with support for theming and dark mode to help you build polished web apps.

npm install silver-ui

Themeable

Every color, radius, and spacing token is a CSS variable. Re-skin the whole library by simply overriding variables.

Light & dark mode

First-class dark mode baked into the theme layer, with a flash-free pattern for setting the theme before paint.

Built on Panda CSS

Zero-runtime, type-safe styles compiled to one small atomic stylesheet.

React 19

Authored for React 19 with modern refs, React compiler in mind, and fully typed component APIs.

Accessible

Keyboard navigation, focus rings, and ARIA wiring come standard on every interactive component.

Tree-shakeable

Import the whole library or a single component subpath. Bundlers drop everything you don't use.

Theme customization

Component showcase

A scoped theme updates Silver UI tokens for every component below.

Theme preview
Alerts, buttons, inputs, badges, and toggles all resolve through semantic tokens.
Use themed semantic tokens for interactive controls.
NeutralReadyReviewBlocked
Volume
40
Upload progress65%
ReactTypeScriptPanda CSSAccessible