Learn Design and Development.

Paths, tools, and craft notes that help you ship sharper interfaces, not another endless bookmark pile.

We are shaping short lessons around the Strata loop: browse the library, copy with intent, and ship in your stack. Until then, use the curated resources below.

Open Library

Browse, copy, paste
The core Strata loop for any stack.
Components vs templates
When to grab a piece vs a full landing.
Craft notes
Spacing, type, and motion habits that travel with the code.

Refactoring UI
Practical UI craft notes.
Humaaans
Free illustration people for mockups.
unDraw
Open illustration set for empty states.
Google Fonts
Typefaces for shipping ready pages.

Primer Design
GitHub’s design system.
Radix Primitives
Accessible unstyled primitives.
shadcn/ui
Copy paste component patterns.
Open Props
CSS custom property tokens.

DESIGN.md patterns
Living design notes in repo (coming to Strata).
Inclusive Components
Accessible patterns, documented.
Web Interface Guidelines
Practical interface rules.
MDN CSS
Authoritative CSS reference.

Figma
Layout and component exploration.
Excalidraw
Fast wireframes and flows.
Coolors
Palette starting points.
Mobbin
Mobile and web UI reference.

Learn for free

Paths, resources, and tracks are free once you create an account and join Strata.

Learn Design and Development.

Full Learn tracks are on the way.

Learning paths

Free design resources

Open source design repos

Design.md and docs

Design tools and sites

Learn for free