← Back

Design References

A curated library of design tools and UI references.

Article

AB Tests

abtest.design

A gallery of A/B test examples for learning what changes product behavior.

#learn
Article

UI components

uiplaybook.dev

A practical playbook for reusable interface components and UI decisions.

#use
Article

Agentation

agentation.dev

Visual feedback tool that turns UI annotations into structured context for AI coding agents.

#visual-feedback#ai-agents#design-review#developer-tools
Article

HeroUI

heroui.com

Beautiful and customizable component set. Continuously maintained and kept up to date.

#use
Article

Pretendard

cactus.tistory.com

A cross-platform system-ui alternative typeface for Korean and multilingual product interfaces.

#font#typography#open-source#korean
Article

Wanted Design Library

figma.com

An open design library with typography, grids, icons, color palettes, and adaptable components for consistent product workflows.

#design-system#figma#wantedlab#components
Article

Montage Design System

montage.wanted.co.kr

Wanted’s product design system for brand, typography, components, and UI patterns.

#design-system#wantedlab#components#product-design
Article

Pencil

pencil.dev

Canvas-based design tool that turns product ideas into code inside your IDE.

#ai-design#design-tool#ide#code-generation
Article

lukilabs/beautiful-mermaid

github.com

A Mermaid styling library that turns agent-generated diagrams into polished themes with two-color inputs.

#mermaid#diagrams#visualization#design-docs
Article

Excalidraw MCP

plus.excalidraw.com

A streamable Excalidraw MCP server for drawing hand-drawn diagrams directly from AI agents.

#mcp#excalidraw#diagrams#ai-agents
Article

21st.dev

21st.dev

AI agent registry and UI component marketplace for shipping agent-powered products faster.

#ui-components#ai-agents#component-library#developer-tools
Other

The Component Gallery

component.gallery

An up-to-date repository of interface components and design systems, intended as a reference for people building user interfaces.

#explore#components#design-systems
Other

UI Design Dictionary

ui-design-dictionary.pages.dev

A lightweight bilingual dictionary of UI patterns and vibe-coding terminology designed for quick lookup.

#learn#ui-patterns#glossary
Article

Open Foundry

open-foundry.com

A site that has been curating open source typefaces for over 10 years. Introducing great fonts, celebrating their creators, and encouraging exploration.

#build
Article

Taste Skill

tasteskill.dev

Taste Skill gives your AI agent "sense". A group of open source skill files that stop mediocre front ends mass-produced by AI.

#use
Article

Breakdowns

uxsnaps.com

A breakdown gallery that breaks down the UI of real products such as Wise, Tesla, Pinterest, and Apple Wallet and explains the design principles and intent that should be applied.

#learn
Article

Pixel Perfect UI

pixel-perfect.space

A React component library with animations powered by GSAP. An open source kit that allows you to quickly assemble highly decorative UI such as liquid glass buttons and icon falls.

#build
Article

Inspiration

designspells.com

An archive of microinteractions, Easter eggs, and tiny design details that bring life, personality, and playfulness back to the web.

#explore
Article

Open Design

open-design.ai

Local-first open source alternative to Anthropic Claude Design. It has built-in skills and a design system, and works with CLI agents to generate images, videos, and slides.

#build
Article

userinterface.wiki

userinterface.wiki

A living manual for a better interface. Learn design principles, motion, typography, and more

#read