Remarkable UI is an open-source library of beautiful components for analytics – charts, controls, tables, and more – designed to be styled with granular CSS variables.
👉 Remarkable UI forms part of the Embeddable ecosystem but can also be used independently.
Every part of a Remarkable UI component can be styled with granular CSS variables.
There are three layers of variables in our system:
- Base variables
– Raw CSS primitives (colors, spacing, type scales)
– Don’t override—they’re the foundation. - Semantic variables
– “Meaningful” tokens built from base vars (e.g. --background-default, --foreground-error, --font-default)
– Control global look-and-feel: light vs. dark palettes, brand colors, default text styles. - Component variables
– Element-specific tokens (namespaced by component, e.g. --icn-btn-background-hover, --dropdown-padding)
– Fine-tune individual components without touching global semantics.
Remarkable UI is under active development, and we’d love feedback or contributions.
Feel free to open issues or suggest improvements.