Topics / #design

Design projects on GitHub

Product and system design, from interface tools to architecture patterns.

As of , the most-starred Design projects on GitHub are system-design-primer (374.6K stars), ui-ux-pro-max-skill (137K stars) and awesome-design-md (122K stars). GitHub.Locker tracks 231 Design repositories with 4M stars combined. The fastest-growing on October 17 was photocraft, with +1.4K stars in a day.

231Projects
4MStars in total
+6.6KStars in a day

Hot right now

Most stars gained in a day · Oct 17

The all-time top

Top 100 of 231 · by stars

  1. #1 · donnemartin/system-design-primer

    system-design-primer

    A curated, organized collection of resources for learning how to design large-scale systems, built specifically to help engineers prepare for system design interviews.

    374.6K
  2. #2 · 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.

    137K
  3. #3 · 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.

    122K
  1. 4

    taste-skill

    98.6KLeonxlnx/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

    tailwindcss

    97.9Ktailwindlabs/tailwindcss · TypeScript

    Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces by composing small, single-purpose classes directly in your markup.

  3. 6

    animate.css

    82.9Kanimate-css/animate.css · CSS

    Animate.css is a cross-browser library of ready-made CSS animations you can drop into a page to animate elements like fades, bounces, and slides.

  4. 7

    impeccable

    82.5Kpbakaus/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.

  5. 8

    Font-Awesome

    77KFortAwesome/Font-Awesome · JavaScript

    Font Awesome is an icon toolkit that ships icons as SVG, icon fonts, and CSS, used by millions of designers and developers to add scalable icons to websites and apps.

  6. 9

    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.

  7. 10

    photocraft

    66.4Kstorytold/photocraft · Rust

    PhotoCraft is an open-source, clean-room reimplementation of Adobe Photoshop, built entirely in pure Rust, with layers, masks, adjustment layers, layer styles, type, vectors, brushes and real PSD file support.

  8. 11

    drawio-desktop

    63.5Kjgraph/drawio-desktop · JavaScript

    drawio-desktop is the official Electron build of draw.io, a desktop diagramming app that wraps the core draw.io editor so you can build flowcharts and diagrams without a browser.

  9. 12

    penpot

    61.3Kpenpot/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.

  10. 13

    diagram-design

    57Kcathrynlavery/diagram-design · HTML

    Diagram Design is an Agent Skill that lets AI coding agents (Claude Code, Codex, Factory Droid, Pi) generate editorial-quality diagrams — 39 types including architecture, flowchart, Gantt, UML class and database schema — as self-contained HTML+SVG files with no Mermaid, no Figma, and no generic rounded boxes.

  11. 14

    material-design-icons

    54.1Kgoogle/material-design-icons

    This is Google's official repository of Material Design icons, offering two icon sets: Material Symbols (the current, actively updated set) and Material Icons (the classic set, no longer updated since 2022).

  12. 15

    tldraw

    51Ktldraw/tldraw · TypeScript

    tldraw is an SDK for building infinite canvas apps in React — a feature-complete canvas engine that you can use out of the box as a whiteboard or extend with custom shapes, tools, and UI.

  13. 16

    bulma

    50Kjgthms/bulma · CSS

    Bulma is a modern CSS framework based on Flexbox that gives you ready-made classes for building responsive layouts and UI components.

  14. 17

    skills

    47Kemilkowalski/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.

  15. 18

    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.

  16. 19

    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.

  17. 20

    styled-components

    41.1Kstyled-components/styled-components · TypeScript

    A CSS-in-JS library for React: styles are written in JavaScript and turned into styled components, with one API across server components, client components, streaming SSR and React Native.

  18. 21

    chakra-ui

    40.7Kchakra-ui/chakra-ui · TypeScript

    Chakra UI is a component system for building SaaS products with speed: a set of accessible React components for creating web apps and design systems.

  19. 22

    materialize

    38.8KDogfalo/materialize · JavaScript

    Materialize is a CSS framework implementing Google's Material Design, providing ready-made UI components, grid system, and styling for building responsive websites.

  20. 23

    chatwoot

    37.9Kchatwoot/chatwoot · Ruby

    Chatwoot is an open-source, self-hosted customer support platform that unifies live chat, email, and social channels (WhatsApp, Facebook, Instagram, Twitter, Telegram, Line, SMS) into one inbox, positioned as an alternative to Intercom, Zendesk, and Salesforce Service Cloud.

  21. 24

    server

    37.2Knextcloud/server · PHP

    Nextcloud server is a self-hosted platform for storing, syncing, and sharing your files, contacts, calendars, and more, with hundreds of apps (Mail, Video Chat, etc.) to extend it.

  22. 25

    lottie-android

    35.8Kairbnb/lottie-android · Java

    Lottie is a mobile library that parses Adobe After Effects animations exported as JSON via the Bodymovin plugin and renders them natively on Android, iOS, Web, and React Native.

  23. 26

    gold-miner

    34.4Kxitu/gold-miner

    Gold Miner (掘金翻译计划) is a Chinese community that translates high-quality English tech articles into Chinese, covering blockchain, AI, Android, iOS, frontend, backend, design, and product topics.

  24. 27

    lottie-web

    32.2Kairbnb/lottie-web · JavaScript

    Lottie-web is a JavaScript library that parses Adobe After Effects animations exported as JSON via the Bodymovin plugin and renders them natively in the browser, so designers can ship real animations without an engineer hand-coding them.

  25. 28

    fabric.js

    31.5Kfabricjs/fabric.js · TypeScript

    Fabric.js is a JavaScript library for working with the HTML5 canvas, letting you create and manipulate interactive shapes, text and images, and convert between SVG and canvas.

  26. 29

    hallmark

    30.3KNutlope/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.

  27. 30

    particles.js

    30.2KVincentGarreau/particles.js · JavaScript

    A lightweight JavaScript library for creating particles: you add it to a web page to get animated, interactive particle backgrounds and effects.

  28. 31

    yeti

    29.8Kfoundation/yeti · JavaScript

    Yeti is a CSS-first, native, zero-build layout and styling framework for web designers, made by Foundation. It is the successor to Foundation for Sites - version 6 continues on the v6 branch with bug fixes and keeps shipping to npm as foundation-sites 6.x.

  29. 32

    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.

  30. 33

    Awesome-CV

    28.7Kposquit0/Awesome-CV · TeX

    Awesome CV is a LaTeX template for a CV, résumé or cover letter, inspired by Fancy CV. The markup is clean and semantic, so it is easy to customize into your own outstanding job application.

  31. 34

    design.md

    28.4Kgoogle-labs-code/design.md · TypeScript

    DESIGN.md is a format specification for describing a visual identity (colors, typography, layout, components) so coding agents have a persistent, structured understanding of a design system.

  32. 35

    guizang-ppt-skill

    28.2Kop7418/guizang-ppt-skill · HTML

    An AI-agent skill for Claude Code, Codex and similar environments that turns articles and ideas into polished single-file HTML slide decks with horizontal paging, plus matching slide images and multi-platform social covers. Rehearsal and presenter modes are built in.

  33. 36

    cascadia-code

    27.9Kmicrosoft/cascadia-code · Python

    Cascadia Code is a monospaced coding font with programming ligatures, bundled with Windows Terminal and now the default font in Visual Studio.

  34. 37

    Graphite

    27.6KGraphiteEditor/Graphite · Rust

    Graphite is a free, open source 2D graphics editor for graphic design, digital art, and real-time motion graphics — a vector and raster graphics engine, available now in alpha.

  35. 38

    weui

    27.4KTencent/weui · HTML

    WeUI is a UI library from WeChat's official design team: it gives mobile web pages the WeChat look-and-feel, with widgets styled like the WeChat app itself.

  36. 39

    onlook

    26.9Konlook-dev/onlook · TypeScript

    Onlook is an open-source, AI-first visual editor for designing on top of your Next.js + Tailwind codebase. You edit elements directly in the browser DOM like a design tool, and the changes map back to real code in real time.

  37. 40

    lottie-ios

    26.9Kairbnb/lottie-ios · Swift

    Lottie for iOS is a Swift library that natively renders vector-based animations and art in realtime with minimal code. Animations come as bodymovin JSON files, typically exported from After Effects.

  38. 41

    baoyu-skills

    26.7KJimLiu/baoyu-skills · TypeScript

    A set of 20+ skills by Baoyu that you plug into AI agents like Claude Code and Codex to automate daily work: content generation, diagrams, slide decks, infographics and publishing flows.

  39. 42

    LxgwWenKai

    26.3Klxgw/LxgwWenKai · Shell

    LXGW WenKai (霞鹜文楷) is an open-source Chinese font derived from Fontworks' Klee One, a Japanese textbook-style typeface, extended by a solo developer with simplified and traditional Chinese characters.

  40. 43

    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.

  41. 44

    simple-icons

    26Ksimple-icons/simple-icons · JavaScript

    A collection of over 3,400 free SVG icons for popular brands — company and product logos you can drop into any website, app or document. All of them are browsable on one page at simpleicons.org.

  42. 45

    feather

    26Kfeathericons/feather · JavaScript

    Feather is a collection of simply beautiful open-source icons, each designed on a 24x24 grid with an emphasis on simplicity, consistency and flexibility.

  43. 46

    huashu-design

    25.2Kalchaincyf/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.

  44. 47

    p5.js

    24.1Kprocessing/p5.js · JavaScript

    p5.js is a free, open-source JavaScript library for creative coding, letting artists, designers, educators, and beginners draw graphics, sound, and interactive work directly on a web page.

  45. 48

    heroicons

    23.9Ktailwindlabs/heroicons · JavaScript

    Heroicons is a set of free, hand-crafted MIT-licensed SVG icons for UI development, made by the creators of Tailwind CSS, available as plain SVG files or as first-party React and Vue component libraries.

  46. 49

    dracula-theme

    23.6Kdracula/dracula-theme

    Dracula is one of the most popular dark color themes, built around a single consistent palette that has been ported to Visual Studio Code, iTerm, Vim, Sublime Text, JetBrains IDEs, Terminal.app, Windows Terminal, Hyper, Alfred, Slack, Xcode, Emacs, Zsh and over 400 other apps.

  47. 50

    Iosevka

    23.1Kbe5invis/Iosevka · JavaScript

    Iosevka is an open-source typeface family designed for writing code, using in terminals and preparing technical documents. It comes in sans-serif and slab-serif forms, both monospace and quasi-proportional.

  48. 51

    Best-Flutter-UI-Templates

    22.8Kmitesh77/Best-Flutter-UI-Templates · Dart

    A collection of ready-made UI templates for Flutter that the author shares completely free for everyone — every template is built with Flutter and Dart.

  49. 52

    magicui

    22.7Kmagicuidesign/magicui · MDX

    Magic UI is a free, open-source UI library for design engineers: animated components and effects you copy and paste straight into your apps.

  50. 53

    tabler-icons

    22.3Ktabler/tabler-icons · JavaScript

    Tabler Icons is a collection of over 6200 free, MIT-licensed SVG icons for web projects, every icon drawn on a 24x24 grid with a 2px stroke.

  51. 54

    blueprint

    22.1Kpalantir/blueprint · TypeScript

    Blueprint is Palantir's React-based UI toolkit for the web: a library of ready-made, Sass-styled UI components written in TypeScript and published under the Apache 2.0 license.

  52. 55

    NES.css

    21.8Knostalgic-css/NES.css · SCSS

    NES.css is a CSS framework that styles HTML components with a NES (Famicom) 8-bit retro-game look, as if your web page were a game on the old console.

  53. 56

    iCSS

    20.7Kchokcoco/iCSS · JavaScript

    iCSS ('不止于 CSS') is a large, ongoing collection of creative CSS and web-animation write-ups, numbered from #1 up to #220+, covering everything from fundamental CSS concepts to advanced visual effects.

  54. 57

    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.

  55. 58

    source-code-pro

    20.5Kadobe-fonts/source-code-pro · CSS

    Source Code Pro is a set of monospaced OpenType fonts designed to work well in user interface (UI) environments — a font family made for code editors, terminals and other interfaces.

  56. 59

    inter

    20Krsms/inter · Python

    Inter is a free and open source typeface carefully designed for computer screens, with a tall x-height that helps readability of mixed-case and lower-case text.

  57. 60

    catppuccin

    19.8Kcatppuccin/catppuccin · TypeScript

    Catppuccin is a community-driven pastel theme aiming for the middle ground between low- and high-contrast themes: 4 soothing warm flavors with 26 eye-candy colors each, made for coding, designing and more.

  58. 61

    primitives

    19.4Kradix-ui/primitives · TypeScript

    Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps, maintained by WorkOS.

  59. 62

    mojs

    18.8Kmojs/mojs · CoffeeScript

    mo.js is an open source JavaScript motion graphics library for the web — fast, retina ready and modular. Using it on a site enhances the user experience and enriches content visually with precise, delightful animations.

  60. 63

    screenity

    18.8Kalyssaxuu/screenity · JavaScript

    A free, privacy-friendly screen recorder and annotation tool for Chrome: record your screen or camera, annotate and edit the video, and export it — with no time limits and no sign-up.

  61. 64

    PhotoGIMP

    18.4KDiolinux/PhotoGIMP · Python

    PhotoGIMP is a free patch that reconfigures GIMP's tool layout, shortcuts, and splash screen to feel like Adobe Photoshop, so Photoshop users switching to GIMP feel at home immediately.

  62. 65

    awesome-design

    17.6Kgztchan/awesome-design

    Awesome Design is a curated list of design resources and tools for UI/UX designers, covering everything from stock photos to prototyping software.

  63. 66

    magictools

    17.5Kellisonleao/magictools · Markdown

    A curated list of game development resources — engines, art tools, asset libraries, audio software and learning materials — gathered in one GitHub page so you stop hunting for them all over the web.

  64. 67

    ml-visuals

    17.4Kdair-ai/ml-visuals

    ML Visuals is a free, community-built collection of 100+ professional figures and templates for machine learning, meant to improve science communication in presentations and blog posts.

  65. 68

    material-components-android

    17.4Kmaterial-components/material-components-android · Java

    Material Components for Android (MDC-Android) is Google's library of modular, customizable Material Design UI components for building Android apps.

  66. 69

    Hack

    17.4Ksource-foundry/Hack · Shell

    Hack is a free, open source monospaced typeface built specifically for source code. It grows out of the Bitstream Vera and DejaVu projects and aims to be a workhorse font for programming.

  67. 70

    source-han-sans

    17.4Kadobe-fonts/source-han-sans · Python

    Source Han Sans is a set of open-source Pan-CJK OpenType fonts covering Simplified Chinese, Traditional Chinese, Traditional Chinese (Hong Kong), Japanese, and Korean, plus the full source files used to build them.

  68. 71

    Compositor

    17.3Krobbietilton/Compositor · Swift

    Compositor is a free and open-source, full-featured image editor for Mac, built as an alternative to Adobe Photoshop with a workflow centered on compositing and post-processing.

  69. 72

    lottie-react-native

    17.2Klottie-react-native/lottie-react-native · TypeScript

    A Lottie component for React Native: it renders Adobe After Effects animations exported as JSON (via bodymovin) natively on iOS, Android, Windows, and web.

  70. 73

    best-resume-ever

    16.5Ksalomonelli/best-resume-ever · Vue

    A resume builder: describe your CV once in a data file and get multiple beautifully designed resumes you can preview in the browser and export as PDF. Built with Vue and LESS.

  71. 74

    material

    16.4Kangular/material · JavaScript

    AngularJS Material is a UI component library that implements Google's Material Design specification (2014-2017) for AngularJS 1.x single-page apps.

  72. 75

    dots-hyprland

    16.4Kend-4/dots-hyprland · QML

    Dotfiles for Hyprland, a Wayland compositor on Linux — technically configuration files, but in practice a custom graphical shell: status bar, widgets, app overview, all styled after Material Design 3.

  73. 76

    MaterialDesignInXamlToolkit

    16.3KMaterialDesignInXAML/MaterialDesignInXamlToolkit · C#

    Google's Material Design brought to WPF: an open-source theme and control library for Windows desktop apps written in C# or VB.Net. It restyles all major WPF controls and adds Material-flavored extras.

  74. 77

    plaid

    16.2Knickbutcher/plaid · Kotlin

    It's an Android app that pulls in design news and inspiration, written to showcase material design in a real application rather than in isolated demos.

  75. 78

    solarized

    16Kaltercation/solarized · Vim script

    A precision color scheme: one sixteen-color palette (eight monotones, eight accent colors) with matched dark and light modes, built for terminals, editors and other GUI applications.

  76. 79

    Figma-Context-MCP

    16KGLips/Figma-Context-MCP · TypeScript

    It's the Framelink MCP server: it gives AI coding agents like Cursor direct access to your Figma files, so they can implement designs from real layout and styling data in one shot.

  77. 80

    vivus

    15.5Kmaxwellito/vivus · JavaScript

    Vivus is a lightweight, dependency-free JavaScript class that animates SVGs so they look like they are being drawn by hand, stroke by stroke.

  78. 81

    awesome-creative-coding

    15.5Kterkelg/awesome-creative-coding · HTML

    A curated list of resources for creative coding - generative art, data visualization, and interaction design - covering books, courses, frameworks, shader tutorials, and communities.

  79. 82

    SuperTinyIcons

    15.4Kedent/SuperTinyIcons · Python

    A free collection of minuscule SVG icons for popular websites, apps, and social media logos, each kept under 1KB in file size.

  80. 83

    weui-wxss

    15.3KTencent/weui-wxss · Less

    WeUI for Mini Programs is a basic WXSS/CSS style library that matches WeChat's native visual look, designed by WeChat's own design team for WeChat web pages and Mini Programs.

  81. 84

    Flat-UI

    15.3Kdesignmodo/Flat-UI · JavaScript

    Flat UI Free is a flat-design theme for Bootstrap, built with HTML, CSS3 (LESS), and JS, giving you redesigned flat-style versions of common UI components.

  82. 85

    paper.js

    15.1Kpaperjs/paper.js · JavaScript

    Paper.js is an open-source vector graphics scripting framework for JavaScript, running in the browser on top of the HTML5 Canvas element. It is a JavaScript/browser port of Scriptographer, the original scripting plugin for Adobe Illustrator, built by the same authors.

  83. 86

    smiley-sans

    14.9Katelier-anchor/smiley-sans · HTML

    Smiley Sans (得意黑) is a Chinese sans-serif typeface that balances a humanist look with geometric structure, featuring narrow, slightly slanted letterforms with details inspired by hand-painted lettering.

  84. 87

    konva

    14.9Kkonvajs/konva · TypeScript

    Konva.js is an open-source 2D canvas framework for the web, used to build interactive graphics: design editors, whiteboards, diagrams, annotations and maps.

  85. 88

    awesome-lowcode

    14.7Ktaowen/awesome-lowcode

    A curated, Chinese-language reference list put together by industry practitioners that catalogs dozens of low-code and no-code platforms used in China, grouped by category, alongside articles and talks about how these builder tools are designed.

  86. 89

    awesome-stock-resources

    14.6Kneutraltone/awesome-stock-resources · Ruby

    A curated list of websites offering free stock photography, illustrations, vector graphics, videos, patterns, textures, fonts, icons, and music for use in design and development projects.

  87. 90

    QMUI_Android

    14.5KTencent/QMUI_Android · Java

    An open-source UI library from Tencent that helps you quickly build Android apps with a design-faithful look, so you spend your time on business logic instead of writing base UI code.

  88. 91

    simplefolio

    14.2Kcobiwave/simplefolio · SCSS

    Simplefolio is a minimal one-page portfolio template for developers: clone it, swap in your own content, and get a personal site with modern UI, reveal animations and a fully responsive layout.

  89. 92

    maptoposter

    14.2Koriginalankur/maptoposter · Python

    MapToPoster is a Python script that generates beautiful, minimalist map posters of any city in the world, rendering street networks with OpenStreetMap data into themed, print-ready artwork.

  90. 93

    tomorrow-theme

    14Kchriskempson/tomorrow-theme · CSS

    Tomorrow Theme is a colour scheme for code editors: a set of syntax-highlighting palettes with muted, legible colours, first published in February 2011.

  91. 94

    shepherd

    13.8Kshipshapecode/shepherd · JavaScript

    Shepherd is an open source JavaScript library for building step-by-step product tours, on-boarding flows and feature announcements inside your web app.

  92. 95

    responsive-html-email-template

    13.7Kleemunroe/responsive-html-email-template · HTML

    A free, simple responsive HTML email template with a clear call-to-action button that you can use as the basis for your own emails.

  93. 96

    galaxy

    13.6Kuiverse-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.

  94. 97

    JetBrainsMono

    13.1KJetBrains/JetBrainsMono · Shell

    JetBrains Mono is a free and open-source monospaced typeface built specifically for developers. It is available as a standalone download and also comes bundled with all JetBrains IDEs.

  95. 98

    css

    13Kprimer/css · SCSS

    Primer CSS is the stylesheet implementation of GitHub's design system - the open-source @primer/css package behind the look of github.com.

  96. 99

    Sarasa-Gothic

    12.9Kbe5invis/Sarasa-Gothic · JavaScript

    Sarasa Gothic is a CJK composite font that merges Inter (Latin/Greek/Cyrillic), Iosevka (for the Mono/Term/Fixed variants) and Source Han Sans (CJK glyphs) into a single unified gothic/sans-serif typeface covering Chinese, Japanese and Korean alongside Latin text.

  97. 100

    piskel

    12.8Kpiskelapp/piskel · JavaScript

    Piskel is an easy-to-use, web-based sprite editor for creating game sprites, animations, and pixel art.

Showing the 100 most-starred of 231. See every one in the catalog.

Often tagged together