New: community Kit Gallery

Design-system kits for AI coding agents

Browse kits published from Layout Studio projects. One click and they land in your workspace ready to build with. Fully interoperable with Google's design.md.

Every kit doubles as an installable Layout UI theme: npx shadcn add https://layout.design/r/<slug>/theme.json

github.com preview

github.com

MIT

GitHub's production design system with 568 CSS custom properties, featuring clean typography, accessible colour tokens, and motion primitives built for developer platforms and collaborative workflows

Layout
05
darkdeveloper-toolsaas
Customer.io preview

Customer.io

MIT

Dark SaaS design system with mint-green accents and clean typography, built for product dashboards and developer-focused platforms

Layout
012
darksaasdeveloper-tooldashboard
Asana preview

Asana

MIT

Enterprise work-management design system with sharp modernist aesthetic, dark-mode focus and purposeful colour accents for product teams

Layout
03
darksaasdashboarddeveloper-tool
Intercom preview

Intercom

MIT

A modern SaaS design system with clean typography, precise spacing tokens, and a sophisticated blue–black palette built for product interfaces and customer communication platforms

Layout
03
saasdarkminimaldeveloper-tool
Attio preview

Attio

MIT

Modern SaaS design system with a dark foundation, vibrant blue and cyan accents, and a soft brand palette suited for B2B product interfaces

Layout
05
darksaasdeveloper-tool
Fey preview

Fey

MIT

A dark-first design system with custom typefaces and refined glassmorphic surfaces, built for sophisticated SaaS and fintech products

Layout
015
darksaasfintechminimal
Mercedes-Benz preview

Mercedes-Benz

MIT

Luxe, minimalist design system with sharp black-and-white contrast and serif typography, crafted for premium automotive and lifestyle brands

Layout
019
darkminimalboldecomm
Spotify preview

Spotify

MIT

Dark, minimal music streaming interface with Spotify's signature green accent and refined typography, ideal for audio platforms and content-heavy dashboards

Layout
037
darkminimaldashboardcontent-first
Nike preview

Nike

MIT

Bold, performance-focused design system built on Nike's Podium language with striking orange accents, geometric typography, and pill-shaped buttons for athletic brand applications

Layout
027
bolddarkecommlanding-page
Mixpanel preview

Mixpanel

MIT

Modern analytics platform design system with deep purple and gold accents, frosted glass elements, and precise token-based spacing—built for data-driven SaaS products

Layout
032
darksaasdashboarddeveloper-tool
Netflix preview

Netflix

MIT

Dark, bold streaming platform design system with signature red accent and cinematic motion, built for large-scale video content discovery and subscription flows

Layout
033
darkboldecommlanding-page
Cash App preview

Cash App

MIT

Bold, high-contrast fintech design system built on Cash App's signature neon green and black palette, optimised for mobile payment interfaces and developer implementation

Layout
034
fintechmobilebolddark
Monzo preview

Monzo

MIT

Dark, modern fintech design system with navy foundations, coral accents, and fluid typography—built for fast-moving financial products and developer teams

Layout
060
darkfintechdeveloper-toolsaas
Zendesk preview

Zendesk

MIT

Modern SaaS design system with dark green and lime accents, built for customer support platforms and enterprise applications

Layout
024
darksaasminimal
Sentry preview

Sentry

MIT

Dark, minimal design system for developer tools with a sophisticated purple palette and refined typography, tailored for error monitoring and performance platforms

Layout
031
darkminimaldeveloper-toolsaas
Dovetail preview

Dovetail

MIT

A dark-first React component system with precise spacing and restrained typography, built for product teams prioritising clarity and developer efficiency

Layout
025
darkminimaldeveloper-toolsaas
Shopify preview

Shopify

MIT

Dark, sophisticated commerce design system with teals and blacks, optimised for merchant dashboards and high-conversion product pages

Layout
021
darkecommdashboardsaas
Supabase preview

Supabase

MIT

A dark-first, developer-focused design system with emerald accents and a clean geometric aesthetic, built for modern SaaS and backend platforms

Layout
027
darkminimalsaasdeveloper-tool
Linear preview

Linear

MIT

Minimal dark-first design system for a modern developer tool, built on cool grays and purple accents with refined typography and subtle interactions

Layout
069
darkminimaldeveloper-toolsaas