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.
Hot right now
Most stars gained in a day · Oct 17
photocraft
storytold/photocraft · ★ 66.4KPhotoCraft 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.
+642diagram-design
cathrynlavery/diagram-design · ★ 57KDiagram 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.
+433taste-skill
Leonxlnx/taste-skill · ★ 98.6KTaste 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.
skills
emilkowalski/skills · ★ 47KA 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
Top 100 of 231 · by stars
- 374.6K
#1 · donnemartin/system-design-primersystem-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.
- 137K
#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.
- 122K
#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.
- 4

taste-skill
98.6KLeonxlnx/taste-skill · JavaScriptTaste 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.
- 5
tailwindcss
97.9Ktailwindlabs/tailwindcss · TypeScriptTailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces by composing small, single-purpose classes directly in your markup.
- 6
animate.css
82.9Kanimate-css/animate.css · CSSAnimate.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.
- 7

impeccable
82.5Kpbakaus/impeccable · RustImpeccable 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.
- 8
Font-Awesome
77KFortAwesome/Font-Awesome · JavaScriptFont 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.
- 9

design-resources-for-developers
67.2Kbradtraversy/design-resources-for-developersA curated list of design and UI resources for developers, covering stock photos, templates, CSS frameworks, UI libraries, icons, fonts, color tools and more.
- 10
photocraft
66.4Kstorytold/photocraft · RustPhotoCraft 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.
- 11

drawio-desktop
63.5Kjgraph/drawio-desktop · JavaScriptdrawio-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.
- 12
penpot
61.3Kpenpot/penpot · ClojurePenpot 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.
- 13

diagram-design
57Kcathrynlavery/diagram-design · HTMLDiagram 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.
- 14
material-design-icons
54.1Kgoogle/material-design-iconsThis 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).
- 15

tldraw
51Ktldraw/tldraw · TypeScripttldraw 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.
- 16

bulma
50Kjgthms/bulma · CSSBulma is a modern CSS framework based on Flexbox that gives you ready-made classes for building responsive layouts and UI components.
- 17
skills
47Kemilkowalski/skills · MarkdownA 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.
- 18

daisyui
42.6Ksaadeghi/daisyui · JavaScriptdaisyUI 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.
- 19

Awesome-Design-Tools
41.5Kgoabstract/Awesome-Design-Tools · JavaScriptA 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.
- 20

styled-components
41.1Kstyled-components/styled-components · TypeScriptA 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.
- 21

chakra-ui
40.7Kchakra-ui/chakra-ui · TypeScriptChakra UI is a component system for building SaaS products with speed: a set of accessible React components for creating web apps and design systems.
- 22

materialize
38.8KDogfalo/materialize · JavaScriptMaterialize is a CSS framework implementing Google's Material Design, providing ready-made UI components, grid system, and styling for building responsive websites.
- 23

chatwoot
37.9Kchatwoot/chatwoot · RubyChatwoot 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.
- 24

server
37.2Knextcloud/server · PHPNextcloud 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.
- 25
lottie-android
35.8Kairbnb/lottie-android · JavaLottie 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.
- 26
gold-miner
34.4Kxitu/gold-minerGold 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.
- 27

lottie-web
32.2Kairbnb/lottie-web · JavaScriptLottie-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.
- 28

fabric.js
31.5Kfabricjs/fabric.js · TypeScriptFabric.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.
- 29

hallmark
30.3KNutlope/hallmark · CSSHallmark 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.
- 30

particles.js
30.2KVincentGarreau/particles.js · JavaScriptA lightweight JavaScript library for creating particles: you add it to a web page to get animated, interactive particle backgrounds and effects.
- 31

yeti
29.8Kfoundation/yeti · JavaScriptYeti 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.
- 32

Hover
29.4KIanLunn/Hover · SCSSHover.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.
- 33

Awesome-CV
28.7Kposquit0/Awesome-CV · TeXAwesome 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.
- 34

design.md
28.4Kgoogle-labs-code/design.md · TypeScriptDESIGN.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.
- 35
guizang-ppt-skill
28.2Kop7418/guizang-ppt-skill · HTMLAn 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.
- 36

cascadia-code
27.9Kmicrosoft/cascadia-code · PythonCascadia Code is a monospaced coding font with programming ligatures, bundled with Windows Terminal and now the default font in Visual Studio.
- 37
Graphite
27.6KGraphiteEditor/Graphite · RustGraphite 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.
- 38

weui
27.4KTencent/weui · HTMLWeUI 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.
- 39

onlook
26.9Konlook-dev/onlook · TypeScriptOnlook 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.
- 40

lottie-ios
26.9Kairbnb/lottie-ios · SwiftLottie 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.
- 41

baoyu-skills
26.7KJimLiu/baoyu-skills · TypeScriptA 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.
- 42

LxgwWenKai
26.3Klxgw/LxgwWenKai · ShellLXGW 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.
- 43

awesome-design-systems
26.1Kalexpate/awesome-design-systemsA curated list of design systems — the documented principles, best practices and UI/pattern libraries that help a team build digital products consistently.
- 44
simple-icons
26Ksimple-icons/simple-icons · JavaScriptA 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.
- 45

feather
26Kfeathericons/feather · JavaScriptFeather is a collection of simply beautiful open-source icons, each designed on a 24x24 grid with an emphasis on simplicity, consistency and flexibility.
- 46

huashu-design
25.2Kalchaincyf/huashu-design · HTMLHuashu 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.
- 47

p5.js
24.1Kprocessing/p5.js · JavaScriptp5.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.
- 48
heroicons
23.9Ktailwindlabs/heroicons · JavaScriptHeroicons 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.
- 49

dracula-theme
23.6Kdracula/dracula-themeDracula 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.
- 50
Iosevka
23.1Kbe5invis/Iosevka · JavaScriptIosevka 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.
- 51

Best-Flutter-UI-Templates
22.8Kmitesh77/Best-Flutter-UI-Templates · DartA collection of ready-made UI templates for Flutter that the author shares completely free for everyone — every template is built with Flutter and Dart.
- 52

magicui
22.7Kmagicuidesign/magicui · MDXMagic UI is a free, open-source UI library for design engineers: animated components and effects you copy and paste straight into your apps.
- 53

tabler-icons
22.3Ktabler/tabler-icons · JavaScriptTabler 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.
- 54

blueprint
22.1Kpalantir/blueprint · TypeScriptBlueprint 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.
- 55

NES.css
21.8Knostalgic-css/NES.css · SCSSNES.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.
- 56

iCSS
20.7Kchokcoco/iCSS · JavaScriptiCSS ('不止于 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.
- 57

fonts
20.6Kgoogle/fonts · HTMLThe 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.
- 58

source-code-pro
20.5Kadobe-fonts/source-code-pro · CSSSource 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.
- 59

inter
20Krsms/inter · PythonInter 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.
- 60

catppuccin
19.8Kcatppuccin/catppuccin · TypeScriptCatppuccin 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.
- 61

primitives
19.4Kradix-ui/primitives · TypeScriptRadix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps, maintained by WorkOS.
- 62
mojs
18.8Kmojs/mojs · CoffeeScriptmo.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.
- 63
screenity
18.8Kalyssaxuu/screenity · JavaScriptA 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.
- 64

PhotoGIMP
18.4KDiolinux/PhotoGIMP · PythonPhotoGIMP 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.
- 65

awesome-design
17.6Kgztchan/awesome-designAwesome Design is a curated list of design resources and tools for UI/UX designers, covering everything from stock photos to prototyping software.
- 66

magictools
17.5Kellisonleao/magictools · MarkdownA 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.
- 67

ml-visuals
17.4Kdair-ai/ml-visualsML 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.
- 68

material-components-android
17.4Kmaterial-components/material-components-android · JavaMaterial Components for Android (MDC-Android) is Google's library of modular, customizable Material Design UI components for building Android apps.
- 69
Hack
17.4Ksource-foundry/Hack · ShellHack 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.
- 70

source-han-sans
17.4Kadobe-fonts/source-han-sans · PythonSource 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.
- 71

Compositor
17.3Krobbietilton/Compositor · SwiftCompositor 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.
- 72

lottie-react-native
17.2Klottie-react-native/lottie-react-native · TypeScriptA Lottie component for React Native: it renders Adobe After Effects animations exported as JSON (via bodymovin) natively on iOS, Android, Windows, and web.
- 73

best-resume-ever
16.5Ksalomonelli/best-resume-ever · VueA 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.
- 74

material
16.4Kangular/material · JavaScriptAngularJS Material is a UI component library that implements Google's Material Design specification (2014-2017) for AngularJS 1.x single-page apps.
- 75
dots-hyprland
16.4Kend-4/dots-hyprland · QMLDotfiles 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.
- 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.
- 77

plaid
16.2Knickbutcher/plaid · KotlinIt'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.
- 78

solarized
16Kaltercation/solarized · Vim scriptA 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.
- 79

Figma-Context-MCP
16KGLips/Figma-Context-MCP · TypeScriptIt'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.
- 80

vivus
15.5Kmaxwellito/vivus · JavaScriptVivus is a lightweight, dependency-free JavaScript class that animates SVGs so they look like they are being drawn by hand, stroke by stroke.
- 81

awesome-creative-coding
15.5Kterkelg/awesome-creative-coding · HTMLA curated list of resources for creative coding - generative art, data visualization, and interaction design - covering books, courses, frameworks, shader tutorials, and communities.
- 82
SuperTinyIcons
15.4Kedent/SuperTinyIcons · PythonA free collection of minuscule SVG icons for popular websites, apps, and social media logos, each kept under 1KB in file size.
- 83

weui-wxss
15.3KTencent/weui-wxss · LessWeUI 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.
- 84

Flat-UI
15.3Kdesignmodo/Flat-UI · JavaScriptFlat 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.
- 85

paper.js
15.1Kpaperjs/paper.js · JavaScriptPaper.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.
- 86
smiley-sans
14.9Katelier-anchor/smiley-sans · HTMLSmiley 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.
- 87

konva
14.9Kkonvajs/konva · TypeScriptKonva.js is an open-source 2D canvas framework for the web, used to build interactive graphics: design editors, whiteboards, diagrams, annotations and maps.
- 88

awesome-lowcode
14.7Ktaowen/awesome-lowcodeA 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.
- 89

awesome-stock-resources
14.6Kneutraltone/awesome-stock-resources · RubyA 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.
- 90

QMUI_Android
14.5KTencent/QMUI_Android · JavaAn 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.
- 91

simplefolio
14.2Kcobiwave/simplefolio · SCSSSimplefolio 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.
- 92

maptoposter
14.2Koriginalankur/maptoposter · PythonMapToPoster 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.
- 93

tomorrow-theme
14Kchriskempson/tomorrow-theme · CSSTomorrow Theme is a colour scheme for code editors: a set of syntax-highlighting palettes with muted, legible colours, first published in February 2011.
- 94

shepherd
13.8Kshipshapecode/shepherd · JavaScriptShepherd is an open source JavaScript library for building step-by-step product tours, on-boarding flows and feature announcements inside your web app.
- 95

responsive-html-email-template
13.7Kleemunroe/responsive-html-email-template · HTMLA free, simple responsive HTML email template with a clear call-to-action button that you can use as the basis for your own emails.
- 96

galaxy
13.6Kuiverse-io/galaxy · HTMLGalaxy 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.
- 97

JetBrainsMono
13.1KJetBrains/JetBrainsMono · ShellJetBrains 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.
- 98

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

Sarasa-Gothic
12.9Kbe5invis/Sarasa-Gothic · JavaScriptSarasa 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.
- 100

piskel
12.8Kpiskelapp/piskel · JavaScriptPiskel 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.
Related topics
Often tagged together