Topics / #ui-design

UI design projects on GitHub

User interface design systems, styles and resources

As of , the most-starred UI design projects on GitHub are ui-ux-pro-max-skill (136.6K stars), awesome-design-md (121.9K stars) and material-ui (99.2K stars). GitHub.Locker tracks 51 UI design repositories with 1.3M stars combined. The fastest-growing on October 16 was taste-skill, with +590 stars in a day.

51Projects
1.3MStars in total
+2.6KStars in a day
Browse in the catalog →github.com/topics/ui-design ↗

Hot right now

Most stars gained in a day · Oct 16

+590

taste-skill

Leonxlnx/taste-skill · ★ 98.1K

Taste Skill is a set of portable skills for AI coding agents: they upgrade AI-built interfaces with stronger layout, typography, motion, and spacing instead of boilerplate-looking UIs.

+396

impeccable

pbakaus/impeccable · ★ 82.1K

Impeccable is a design language for AI coding agents: one skill, 24 commands, live browser iteration, and 59 deterministic detector rules that make AI-generated frontend design better.

+335

ui-ux-pro-max-skill

nextlevelbuilder/ui-ux-pro-max-skill · ★ 136.6K

UI UX Pro Max is an AI skill that gives coding assistants design intelligence — industry-specific style, color, typography and UX reasoning rules — so they can generate professional UI/UX across many frameworks and platforms.

+242

skills

emilkowalski/skills · ★ 46.7K

A collection of AI agent skills for designers and engineers that teach coding agents good judgment about animation and UI design, drawn from the author's experience at Vercel and Linear.

The all-time top

51 projects · by stars

  1. #1 · nextlevelbuilder/ui-ux-pro-max-skill

    ui-ux-pro-max-skill

    UI UX Pro Max is an AI skill that gives coding assistants design intelligence — industry-specific style, color, typography and UX reasoning rules — so they can generate professional UI/UX across many frameworks and platforms.

    136.6K
  2. #2 · VoltAgent/awesome-design-md

    awesome-design-md

    This is a curated collection of DESIGN.md files — plain-text design system documents analyzed from real websites like Claude, Stripe, Nike and Tesla — that you drop into a project so an AI coding agent generates UI matching that brand's visual language.

    121.9K
  3. #3 · mui/material-ui

    material-ui

    Material UI is a comprehensive library of React components implementing Google's Material Design system, used to build web UIs quickly with pre-built buttons, inputs, dialogs, and more.

    99.2K
  1. 4

    taste-skill

    98.1KLeonxlnx/taste-skill · JavaScript

    Taste Skill is a set of portable skills for AI coding agents: they upgrade AI-built interfaces with stronger layout, typography, motion, and spacing instead of boilerplate-looking UIs.

  2. 5

    impeccable

    82.1Kpbakaus/impeccable · Rust

    Impeccable is a design language for AI coding agents: one skill, 24 commands, live browser iteration, and 59 deterministic detector rules that make AI-generated frontend design better.

  3. 6

    design-resources-for-developers

    67.2Kbradtraversy/design-resources-for-developers

    A curated list of design and UI resources for developers, covering stock photos, templates, CSS frameworks, UI libraries, icons, fonts, color tools and more.

  4. 7

    penpot

    61.2Kpenpot/penpot · Clojure

    Penpot is an open-source design platform for product teams, letting them design UI, prototype, and build design systems with full self-hosting control instead of relying on a proprietary SaaS tool.

  5. 8

    skills

    46.7Kemilkowalski/skills · Markdown

    A collection of AI agent skills for designers and engineers that teach coding agents good judgment about animation and UI design, drawn from the author's experience at Vercel and Linear.

  6. 9

    daisyui

    42.6Ksaadeghi/daisyui · JavaScript

    daisyUI is a free, open-source component library for Tailwind CSS — the most popular one, currently at version 5. It adds ready-made UI component classes on top of Tailwind's utility classes.

  7. 10

    Awesome-Design-Tools

    41.5Kgoabstract/Awesome-Design-Tools · JavaScript

    A curated list of design tools and plugins covering nearly every category a designer might need, from accessibility testing and animation to prototyping, wireframing, and 3D modeling.

  8. 11

    vuetify

    41Kvuetifyjs/vuetify · TypeScript

    Vuetify is a UI library of handcrafted Vue components built on Material Design — you assemble your app's interface from ready-made, responsive parts instead of styling everything yourself.

  9. 12

    50projects50days

    40.7Kbradtraversy/50projects50days · CSS

    A collection of 51 small web projects built with HTML, CSS and vanilla JavaScript, each demonstrating a specific UI widget or effect like sliders, counters, and navigation animations.

  10. 13

    hallmark

    30.2KNutlope/hallmark · CSS

    Hallmark is a design skill for AI coding agents — Claude Code, Cursor, and Codex — that generates web UI built to not look AI-generated. It is made by Together AI.

  11. 14

    Hover

    29.4KIanLunn/Hover · SCSS

    Hover.css is a collection of ready-made CSS3 hover effects for links, buttons, logos, SVG, and featured images that you can apply, tweak, or just use as inspiration.

  12. 15

    awesome-design-systems

    26.1Kalexpate/awesome-design-systems

    A curated list of design systems — the documented principles, best practices and UI/pattern libraries that help a team build digital products consistently.

  13. 16

    lucide

    25.1Klucide-icons/lucide · TypeScript

    Lucide is an open-source icon library with 1600+ vector (svg) files, made by the community as a fork of Feather Icons, for use in digital and non-digital projects.

  14. 17

    huashu-design

    25.1Kalchaincyf/huashu-design · HTML

    Huashu Design is an HTML-native design skill for coding agents: you type one sentence and the agent ships a finished deliverable — a clickable app prototype, an editable slide deck, a product-launch animation, or a print-grade infographic.

  15. 18

    iview

    23.7Kiview/iview · Vue

    iView is a UI component library for Vue.js that provides dozens of pre-built, styled components for building web interfaces.

  16. 19

    ant-design-vue

    21.7KvueComponent/ant-design-vue · Vue

    An enterprise-class UI component library for Vue, built on the Ant Design design system — one of the most-starred Vue UI kits on GitHub with over 21,000 stars.

  17. 20

    fonts

    20.6Kgoogle/fonts · HTML

    The canonical repository of the binary font files (.ttf) served by Google Fonts, organized by license and family, plus a public issue tracker for all things Google Fonts.

  18. 21

    CustomTkinter

    13.6KTomSchimansky/CustomTkinter · Python

    CustomTkinter is a Python UI library based on Tkinter. It provides modern, fully customizable widgets so desktop apps get a consistent, up-to-date look across Windows, macOS and Linux.

  19. 22

    galaxy

    13.5Kuiverse-io/galaxy · HTML

    Galaxy is an open-source archive of over 3000 unique UI elements (buttons, cards, loaders, checkboxes, etc.) built with CSS or Tailwind, automatically mirrored from the community-driven Uiverse.io platform.

  20. 23

    flag-icons

    12.5Klipis/flag-icons · HTML

    flag-icons is a curated collection of every country's flag as SVG files, packaged with CSS/SASS classes so you can drop a flag into a webpage with a single class name.

  21. 24

    hyperui

    12.3Kmarkmead/hyperui · Astro

    HyperUI is a free, open-source collection of Tailwind CSS components for marketing sites, web apps, and eCommerce projects, browsable at hyperui.dev.

  22. 25

    MaterialDesign

    11.3KTemplarian/MaterialDesign

    This is the source repo for Material Design Icons (MDI), a community-driven icon set with 7000+ icons, including Google's official Material Design icons converted into developer-friendly formats.

  23. 26

    spectre

    11.3Kpicturepan2/spectre · CSS

    Spectre.css is a lightweight, responsive and modern CSS framework for building web UIs with a flexbox-based grid, prebuilt elements, components and utility classes.

  24. 27

    animated-tab-bar

    11.1KRamotion/animated-tab-bar · Swift

    RAMAnimatedTabBarController is a Swift UI module library that adds animation to iOS tab bar items and icons.

  25. 28

    dashboards

    11Kkeen/dashboards · HTML

    A collection of responsive analytics dashboard templates by Keen IO. Pick a CSS Grid layout, add charts, and get a dashboard ready to show your team or customers in minutes.

  26. 29

    CSS-Inspiration

    10.8Kchokcoco/CSS-Inspiration · CSS

    A curated collection of pure-CSS demos and visual effects, organized by category (layout, shadows, gradients, filters, blend modes, 3D, animation, clip-path, SVG) so you can browse them for inspiration or to learn a specific CSS technique.

  27. 30

    tweakcn

    10.5Kjnsahaj/tweakcn · TypeScript

    tweakcn is a visual no-code theme editor for Tailwind CSS and shadcn/ui components — you restyle your UI through a graphical editor instead of hand-writing theme code, starting from ready-made presets.

  28. 31

    m3e-canvas

    9.4Klnkiai/m3e-canvas · TypeScript

    M3E Canvas lets you sketch Material 3 Expressive screens in the browser, link and tap through them, and turn the whole design into a natural-language prompt for an AI coding tool.

  29. 32

    vscode-dark-islands

    8.5Kbwya77/vscode-dark-islands · Shell

    Islands Dark is a dark color theme for VS Code-compatible editors, inspired by the easemate IDE and the JetBrains Islands theme. It adds floating glass-like panels, rounded corners and smooth animations.

  30. 33

    skills

    8Kjakubkrehel/skills · Markdown

    A collection of agent skills for Claude Code that help you build better interfaces, covering UI, typography, colors, accessibility, layout and product writing.

  31. 34

    anti-slop

    6.3Kmiqdadbadjuber/anti-slop · JavaScript

    antislop is a rulebook for your AI coding agent so it stops producing generic 'AI slop' - cliched UI, copy, and code. It is a filter, not a style guide: it bans the slop but prescribes no colors, fonts, or layouts.

  32. 35

    interface-design

    5.8KDammyjay93/interface-design · Shell

    Interface Design is a skill for coding agents (Claude Code, Codex, and other skill-compatible agents) that applies design principles, remembers UI decisions across sessions, and enforces consistency when building dashboards, apps, tools, and admin panels.

  33. 36

    oat

    5.5Kknadh/oat · CSS

    Oat is an ultra-lightweight, zero-dependency semantic HTML+CSS+JS UI component library (~10KB min+gz) for building web interfaces without a framework or build step.

  34. 37

    transitions.dev

    5.4KJakubantalik/transitions.dev · HTML

    Transitions.dev is a collection of 43+ reusable, copy-ready CSS transition snippets, shipped through an interactive showcase site, an npm CLI, and an installable agent skill for AI coding tools.

  35. 38

    animal-island-ui

    5Kguokaigdg/animal-island-ui · TypeScript

    Animal-Island-UI is a lightweight React UI component library with an original 'island' style design language — custom icons, layouts and animations made for personal front-end practice.

  36. 39

    baoyu-design

    4.4KJimLiu/baoyu-design · JavaScript

    baoyu-design packages Claude Design — the design engine behind claude.ai/design — as a portable Agent Skill you drop into a local coding agent like Cursor, Claude Code, or Codex, producing polished UI mockups, prototypes, wireframes, landing pages, dashboards, and slide decks as self-contained HTML.

  37. 40

    awesome-claude-design

    4.1KVoltAgent/awesome-claude-design

    A curated collection of 68 ready-to-use DESIGN.md files - one-page briefs describing a brand's visual language - that you drop into Claude Design to scaffold a full UI design system (colors, type, components, preview cards, working UI kit) in one shot.

  38. 41

    BitChord

    3.4Kkushagrasinghx/BitChord · Kotlin

    BitChord is a modern, aesthetic YouTube Music client for Android, built with clean visuals inspired by Apple Music.

  39. 42

    appllama-skills

    2.9KAppllama/appllama-skills

    Appllama-skills is a pair of AI agent skills that teach coding agents (Claude Code, Cursor, Codex, etc.) to build native-quality mobile app screens by studying patterns from top-grossing apps.

  40. 43

    oil-ui

    1.6Koil-oil/oil-ui · Python

    Oil UI is a Skill for AI coding agents (like Claude Code or Codex) that teaches them a repeatable UI-design methodology: identify the product category, set a visual tone, explore several genuinely distinct directions, and refine the winner against real screenshots.

  41. 44

    superdesign-skill

    815superdesigndev/superdesign-skill · JavaScript

    Superdesign is an AI product design skill that gives coding agents like Claude Code, Cursor, and Codex real design judgment, so the UI, presentations, and graphics they generate look considered instead of generic AI-slop.

  42. 45

    refactoring-ui-skill

    642s0xDk/refactoring-ui-skill · CSS

    A Claude Code skill that teaches Claude the concrete, mechanical design rules from the book 'Refactoring UI' by Adam Wathan and Steve Schoger — fixed spacing/type/color/shadow scales, hierarchy via weight and color, and depth via emulated light — so Claude applies them when building or fixing interfaces.

  43. 46

    Macintosh-Skeletal-Filled

    553npwitk/Macintosh-Skeletal-Filled

    Macintosh Skeletal Filled recreates the handwritten script from Apple's macOS/iOS 'hello' setup screen as regular, typeable fonts, rebuilding the stroke-and-join rendering Apple's own renderer draws.

  44. 47

    dsh-mobile

    524Clarklevis1995/dsh-mobile · Kotlin

    DeepSeek Harness Mobile (dsh-mobile) is a native mobile client for DeepSeek Harness, bringing your Harness workspaces, sessions, live agent replies and execution trajectories to an Android or iOS phone.

  45. 48

    evondevKit

    412evondev/evondevKit · JavaScript

    evondevKit is a UI/UX skill for Claude Code and other AI coding agents that builds and polishes app UIs - dashboards, lists, tables, forms, settings, modals - using your project's own component library and colors.

  46. 49

    scandinavian-design

    406ericzakariasson/scandinavian-design · JavaScript

    It's a Cursor agent skill that restyles a codebase into a restrained Scandinavian design: black-and-white color, sans-serif type, generous spacing, and purposeful product imagery.

  47. 50

    omarchy-lock-explorer

    208SirJul1337/omarchy-lock-explorer · QML

    Lock Screen Explorer is an Omarchy plugin that adds dozens of ready-made lock screen designs (Greeting Card, Terminal, Weather, Music, System, Rain, and more) plus a picker UI to preview, switch, and customize them, while keeping all the normal unlock methods working.

  48. 51

    dsh-openpencil

    186ZSeven-W/dsh-openpencil · TypeScript

    DSH OpenPencil is a plugin that connects DeepSeek Harness (DSH) to OpenPencil, letting an AI agent drive a real, editable, interactive design canvas inside a conversation instead of just returning a generated image.

Often tagged together