RandomCodeSpace design system
GitHub

Sample apps

Whole apps,
built with the system.

Three reference layouts that exercise the design tokens, components, and motion rules end-to-end. Each one is a static React app loaded via Babel-standalone — open the page, view source, copy what you need.

Launch app →
Landing page
Marketing site
Hero, nav, feature grid, CLI showcase, pricing, footer. Demonstrates surface composition with the dot-grid hero pattern, eyebrow micro-labels, and the one-accent rule.
React 18 · Babel-standalone · Lucide icons
Launch app →
Application
Self-hosted dashboard
Sidebar, topbar, services grid, log tail, command menu (⌘K). The Linear/Supabase analog: dense data, restrained chrome, keyboard-first.
React 18 · Babel-standalone · Lucide icons
Launch app →
Documentation
Docs site
Sidebar nav, article body, code blocks, table of contents. Content-first layout with strong typographic hierarchy and the JetBrains Mono micro-label signature.
React 18 · Babel-standalone · Lucide icons

Looking for the per-component reference instead? See the component docs.