About SolidJS Reactive Framework
SolidJS distilled the best parts of React's component model — JSX, unidirectional data flow, composable primitives — and rebuilt everything underneath with fine-grained signals that update the DOM directly, no virtual DOM diffing required. The result benchmarks alongside vanilla JavaScript while reading like the component code developers already know.
This design system captures the solidjs.com 2024 identity: deep indigo-blue pages that feel like staring into a well-engineered codebase at 2 a.m., solid-cyan accents tracing the spiral-S logo, and typography that treats JSX code samples as first-class visual content rather than afterthought.
- Origin
- Toronto, Canada
- Era
- 2018 open-source; 1.0 in 2021; current visual ~2023–2025
- Key figures
- Ryan Carniato · Milo · Atila Fassina · Nikhil Saraf
- Movements
- fine-grained-reactive frameworks · signal-based reactivity revival · JS-framework benchmark wars
SolidJS Reactive Framework design spec
Colors
Typography
The other 11 sections — buttons, cards, spacing, motion, techniques and more — open once you unlock. Download the DESIGN.md or send it to your AI in one click. Unlock once, yours forever.
Sign up nowStyles similar to SolidJS Reactive Framework
Also inspired by brands & products, with a close feel.