Skip to content
86

Awesome AI Tools for UI

Curated list of awesome AI tools to build beautiful UI/UX.

1k stars136 forks66 entriesLast push Nov 3, 2026 (4 days ago)License none

This page lists names, links and short descriptions. The original list on GitHub is the source and belongs to its authors.

Skills

Impeccable

20 design commands that teach your AI agent about typography, spacing, and visual hierarchy.

UserInterface.wiki Skill

152 UI design rules packaged as a skill file for coding assistants.

UI UX Pro Max Skill

Generates design systems (colors, typography, layouts) based on your project type and framework.

In 4 listsDetails

Anthropic Frontend Design Skill

Teaches Claude to build frontend UIs with strong visual direction instead of generic defaults.

In 12 listsDetails

Make Interfaces Feel Better

Agent skill that teaches small design engineering details that compound into better interfaces.

shadcn/ui Skills

Gives your AI assistant context about your shadcn/ui setup so it generates correct component code.

In 2 lists

Web Design Guidelines Skill

Checks your UI code against web design best practices and flags violations.

In 5 listsDetails

Emil Kowalski Skills

Skills for designers and engineers covering animation, motion, and practical interface design.

Unslop Skill

Removes common AI-generated writing patterns while preserving meaning and tone.

In 2 lists

Refactoring UI Skill

Claude Code skill applying Refactoring UI rules for spacing, typography, color, hierarchy, and depth.

Taste Skill

Open-source SKILL.md that stops AI agents from producing cookie-cutter frontend designs.

Designer Skills Collection

Pack of skills and commands — from research to systems, UI, interaction, and delivery.

In 2 lists

TypeUI Design Skills

Collection of UI designs with downloadable skill.md files.

In 2 lists

YC Web Design Strategy Skill

Web design and strategy principles from YC's Design Review series, packaged as a skill.

Swiss Design System

Teaches AI agents Swiss design principles through grotesque typography, disciplined grids, restrained color, and Tailwind patterns.

Bencium Marketplace

Claude Code plugin marketplace with skills for design, architecture, productivity, typography, and code review.

Three.js Skills

Collection of Three.js skills covering scenes, geometry, lighting, shaders, loaders, animation, and interaction.

In 2 lists

Awesome DESIGN.md

Curated collection of DESIGN.md files inspired by developer-focused websites.

In 4 listsDetails

StyleSeed

Design rules and slash-command skills that give agents design judgment — coherence, hierarchy, UX-writing.

In 4 listsDetails

Claude Code Design Review Workflow

Templates, subagent prompt, and slash command for automated design reviews against frontend changes.

In 3 lists

Huashu Design

HTML-native design skill for generating prototypes, slides, animations, and design reviews from agent prompts.

Nothing Design Skill

Claude Code skill for producing Nothing-inspired monochrome, typographic, industrial UI.

Hallmark

Design skill for Claude Code, Cursor, and Codex that audits and generates UI against anti-slop design gates.

In 2 lists

Material Design 3 Skill

Portable Material Design 3 skill covering tokens, theming, 30+ components, responsive layout, and MD3 audits.

Scandinavian Design Skill

Cursor skill for applying a restrained Scandinavian visual system with monochrome color, sans-serif type, spacing, and product imagery.

Apps

21st.dev

UI component library and templates for building AI-powered products.

AI Website Cloner

Clone any website into a Next.js codebase with one command using AI agents.

In 2 lists

Superdesign

AI design tool for generating interfaces in the browser.

Variant

Scroll through AI-generated design variations for your ideas.

Stitch by Google

Google's AI design tool for creating UIs from prompts.

In 2 lists

Open Design

Local-first, open-source alternative to Claude Design for generating prototypes, slides, images, and videos.

In 3 lists

Khroma

Learns your color preferences and generates palettes you can search and save.

Noyzzi

Growing collection of interactive designs with prompts you can copy and adapt.

Design Resources for AI Agents

Curated directory of DESIGN.md resources and design references for AI agents.

prompt-kit

Accessible, customizable component primitives for AI interfaces, including prompt inputs, messages, reasoning, and tool views.

Brik

Build your own AI-powered design tools for animations, 2D and 3D visuals, text effects, and images, then remix, share, export, and embed them.

UIZZE

AI-powered design research for better interfaces.

In 2 lists

Curio

Library of 1,000+ real design styles (Bauhaus, Memphis, brand and cultural traditions) as DESIGN.md token specs; hand one to Claude Code, Cursor or ChatGPT via a share link or MCP.

MCP Servers & Plugins

Magic MCP

Generate UI components from text prompts inside Cursor, Windsurf, and VSCode.

In 2 lists

UI Layouts MCP

Lets AI editors search and use real UI components instead of guessing the code.

Lazyweb

MCP server and skills that help agents research real app screens before designing UI.

Design and Refine

Claude Code plugin for generating, comparing, and refining multiple UI variations in your codebase.

Interface Design

Claude Code plugin for remembering interface decisions across sessions and keeping UI systems consistent.

In 2 lists

AI Canvas

MCP server that lets AI editors search an open-source (MIT) registry of animated React components, blocks and design systems and return their shadcn CLI install commands.

UI Verify

MCP server and skills that let Claude Code, Cursor and Codex see every UI change they make as a before-and-after screenshot diff, using your existing Storybook, Playwright or Vitest tests.

In 3 lists

Mobbin

Plugin and MCP server for searching real app screens, user flows, and website sections as UI design references.

In 5 listsDetails

Design Tools

FontCrafter

Turn your handwriting into an installable font in the browser. Exports OTF, TTF, WOFF2.

SVG Loaders

100+ open-source animated SVG loading spinners (MIT).

SVG Backgrounds

Free SVG backgrounds and patterns you can customize.

Realtime Colors

Preview color palettes and typography on a live website mockup.

In 2 lists

Transitions.dev

Copy-and-paste transition patterns for common web app interactions.

Beautiful HTML Templates

Agent-ready library of reusable HTML slide templates for generating polished decks.

In 2 lists

daisyUI

Tailwind CSS component library with semantic class names, themes, and an official MCP server for AI editors.

In 6 listsDetails

Paper Shaders

Zero-dependency canvas shaders for adding customizable animated backgrounds, textures, and masked effects to websites.

Pryzm

Browser-based visual studio for creating original backgrounds and textures for websites, templates, and designs.

Logosystem

Curated logo inspiration gallery with 1,200+ static and animated logos.

Ditther

Free browser tool for dither, halftone, ASCII, pixel, and video effects.

Book of Shapes

Collection of minimal, generative, and customizable SVG patterns.

Resources

Laws of UX

Psychology-backed design principles for better user interfaces.

In 5 listsDetails

UserInterface.wiki

Wiki covering UI design, animation, motion, and typography fundamentals.

Craftwork

Curated website designs and premium design resources (UI kits, illustrations, mockups).

Zajno Motion

Interactive collection of motion-heavy web experiences for animation and interaction inspiration.

The Shape of AI

UX patterns for designing interfaces that use AI.

aiux.courses

Independently curated AI UX sources and courses for working designers (patterns, papers, people, paid paths).

Delightful frontend

Practical techniques for steering AI toward polished frontend designs.

Vibe Coding UI Specification

UI spec for AI-assisted projects, covering tokens, component states, accessibility, and responsive design.

See category
99

Awesome DESIGN.md

VoltAgent/awesome-design-md

A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

Fresh★ 126k84 entriesPushed 10 days ago
94

Awesome Vue

vuejs/awesome-vue

🎉 A curated list of awesome things related to Vue.js

Fresh★ 73k1080 entriesPushed 4 days ago
93

Awesome Angular

PatrickJS/awesome-angular

:page_facing_up: A curated list of awesome Angular resources

Fresh★ 10k1990 entriesPushed today
93

Awesome Tailwindcss

aniftyco/awesome-tailwindcss

😎 Awesome things related to Tailwind CSS

Fresh★ 15k73 entriesPushed 12 days ago
93

Awesome WPO

davidsonfellipe/awesome-wpo

A curated list of Web Performance Optimization.

Fresh★ 9.2k262 entriesPushed 23 days ago
93

Awesome CSS Frameworks

troxler/awesome-css-frameworks

List of awesome CSS frameworks in 2026

Fresh★ 9.6k49 entriesPushed today