Back to gallery
SolidJS Reactive Framework — Cover

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.

Learn more about the SolidJS Reactive Framework style

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

Background
Surface
Primary
Secondary
Accent
Text

Typography

InterHeadings
JetBrains MonoMono
Unlock for 1 credit

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 now
Have an account? Sign in

Styles similar to SolidJS Reactive Framework

Also inspired by brands & products, with a close feel.

SolidJS Reactive Framework1 credit · unlock forever
Sign up now
© 2026 Curio