Tony Lee
Tony Lee
← Back

Design References

A curated library of design tools and UI references.

Article

Shadcn UI Kit

shadcnuikit.com

A collection of admin dashboards, website templates, components, UI blocks, and a Figma UI kit. Built with Tailwind CSS and React to cut development time.

#use
Article

Mobbin MCP

mobbin.com

Mobbin MCP connects AI agents to 600,000+ screens from real products, so they build from proven design patterns instead of guesswork.

#use
Article

OpenUI

openui.com

An open source toolkit for AI apps that respond with UI. A streaming-first language and React runtime that uses up to 67% fewer tokens than JSON.

#build
Article

Dot Matrix

dotmatrix.zzzzshawn.cloud

A React component library of dot matrix loaders. Install via the shadcn registry and own it as local code.

#use
Article

OG Image Gallery

onepagelove.com

OG images are little billboards on the web, showing up everywhere a link is shared. This gallery gathers hundreds of real examples to inspire your own.

#explore
Article

Liquid Metal

metal.jakubantalik.com

A real-time WebGL metal shader for buttons and UI components. Three presets and a single slider get you a chrome finish instantly.

#use
Article

designtools.fyi

designtools.fyi

Compare design tools by capability and find the best fit for designers, design engineers, and non-designers.

#explore
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.com

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
Article

Editframe

editframe.com

Render declarative HTML and CSS to video. Drive it from scripts, React, or agents, with instant browser preview and parallel cloud rendering.

#build
Article

Centou Playground

playground.centou.jp

A playground for learning the craft of insight, the more you know the more fun it gets.

#learn