Device Agnostic UI

Device agnostic styles, components & hooks for Deno / Node.js React apps; Ruck ready. Simple to build, test, & use with 1 design for any:

GitHub icon Installation

📦

Tiny bundle size

The minified and gzipped bundle size of individual modules are tested.

📱

Mobile first

Intuitive layouts suitable for any screen size, without media queries.

⌨️

Keyboard navigable

Interactive components have clearly discernable :focus styles.

🌗

Light / dark mode

The color scheme adapts to the operating system’s light or dark mode.

🎨

Themes

Customize theme CSS variables globally or in components.

🌏

Few global styles

No intrusive normalization or resets; just the :root essentials.

🖌

Style raw HTML

Special component to style rendered markdown, e.g. from user comments.

🧠

Semantic markup

Lean use of semantically appropriate HTML elements.