Open Color
yeun.github.ioUse named colour levels across interface code and design swatches.
Use named colour levels across interface code and design swatches.
A visual interface editor connected to product code and tokens
Framework-agnostic web components with themes and design tokens
Build interface prototypes with code-backed components
Collect screen or camera colours into palettes for design-file exports
Shape a complete interface palette while checking colour-pair contrast.
Unstyled React primitives for custom interface systems
Free mockup scenes with PSD files and an online editing route.
Practical visual-design tactics explained for developers
Interface-design guidelines explained through examples and rationale
Proxima Nova, original display fonts and the free Anonymous Pro coding family.
A type library with design-process writing and detailed trial information.
Community Material-style icons as SVG files, code and fonts.
Type reviews, book criticism and commentary on typographic design.
Generate a palette, pull colours from an image and export reusable swatches.
3D building design with connected documentation workflows
Pinterest’s shared interface foundations and components
Search manufacturer components by name, type code or sketch
AI design tool that turns prompts and requirements into high-fidelity UI on an infinite canvas.
Long-form writing on web design and the work around it
React components organized around tokens and reusable recipes
Tailwind interface components with documented interactive behavior
Compare how design systems name and document UI components
Design formatted reports and deliver embedded reporting applications.