C Chromium UI React — Introduction ×
G ztnkv/chromium-ui-react — GitHub ×
N chromium-ui-react — npm ×
ztnkv.github.io/chromium-ui-react/
A
CChromium GGitHub Nnpm MMDN RReact TTypeScript
Docs Introduction

Chromium UI React

A React component library that recreates Chromium's native cr_elements design system — the one Chromium uses for chrome://settings, the bookmarks manager, the side panel, and other first-party WebUI surfaces.

Drop it into your extension, companion app, or internal tool and it will look like it ships with the browser. Dark mode is automatic; there is no CSS-in-JS runtime.

Get started View on GitHub npm i chromium-ui-react

Why it exists

Chromium-authentic

Tokens, spacing, typography, elevation, and focus rings mirror cr_shared_vars.css — the real thing, not a Material approximation.

Zero-runtime

Plain CSS with custom properties. 19 kB JS + 7 kB CSS gzip. No styled-components, no emotion, no theming engine.

Automatic dark mode

Switches on prefers-color-scheme; force it with data-cr-theme="dark". No provider, no context.

Built for extensions

Designed first for browser extension popups and side panels. Works equally well in Next.js, Electron, Tauri.