Topics / #design-tools

Design-tools projects on GitHub

Curated design tool directories and creative resources.

As of , the most-starred Design-tools projects on GitHub are awesome-design-md (121.9K stars), penpot (61.2K stars) and Awesome-Design-Tools (41.5K stars). GitHub.Locker tracks 39 Design-tools repositories with 409.5K stars combined. The fastest-growing on October 16 was figcraft, with +701 stars in a day.

39Projects
409.5KStars in total
+2.3KStars in a day
Browse in the catalog →github.com/topics/design-tools ↗

Hot right now

Most stars gained in a day · Oct 16

+701

figcraft

storytold/figcraft · ★ 2K

FigCraft is an open-source, clean-room reimplementation of Figma's interface design and prototyping workflows, rebuilt entirely in pure Rust as a native, offline-first app.

+331

solidcraft

tangency-labs/solidcraft · ★ 3.1K

SolidCraft is an open-source parametric 3D CAD application built in pure Rust: you sketch, constrain, and build solids on a feature timeline, and it runs on desktop, in the browser, or can be driven headlessly by AI agents through a built-in MCP server.

+249

lightcraft

storytold/lightcraft · ★ 13.2K

LightCraft is an open-source, clean-room reimplementation of Adobe Lightroom built entirely in Rust: a non-destructive RAW photo editor and library manager with its own color pipeline, masking tools, and presets.

+235

vectorcraft

storytold/vectorcraft · ★ 9.5K

VectorCraft is an open-source, clean-room reimplementation of Adobe Illustrator, built from scratch in pure Rust, aiming to replicate Illustrator's tools, panels and workflow.

The all-time top

39 projects · by stars

  1. #1 · 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
  2. #2 · penpot/penpot

    penpot

    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.

    61.2K
  3. #3 · goabstract/Awesome-Design-Tools

    Awesome-Design-Tools

    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.

    41.5K
  1. 4

    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.

  2. 5

    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.

  3. 6

    astryx

    13.7Kfacebook/astryx · TypeScript

    Astryx is an open source, agent-ready design system built inside Meta over eight years, offering 150+ accessible React components, brand theming, dark mode, ready-made templates, and a CLI as one cohesive system.

  4. 7

    lightcraft

    13.2Kstorytold/lightcraft · Rust

    LightCraft is an open-source, clean-room reimplementation of Adobe Lightroom built entirely in Rust: a non-destructive RAW photo editor and library manager with its own color pipeline, masking tools, and presets.

  5. 8

    react-color

    12.3Kcasesandberg/react-color · JavaScript

    React Color is a collection of 13 color picker components for React, recreating the pickers familiar from Sketch, Photoshop, Chrome, GitHub and Twitter.

  6. 9

    tachyons

    11.7Ktachyons-css/tachyons · CSS

    Tachyons is a functional CSS framework for quickly building fast, responsive UIs without writing custom CSS. You compose interfaces using small, single-purpose utility classes.

  7. 10

    wired-elements

    10.8Krough-stuff/wired-elements · TypeScript

    Wired Elements is a collection of custom web components styled to look hand-drawn, useful for wireframes, mockups, or just a sketchy fun UI look.

  8. 11

    Pixelorama

    10.6KOrama-Interactive/Pixelorama · GDScript

    Pixelorama is a free and open-source pixel art multitool: an editor for creating sprites, tiles and animations, with a large toolbox built around pixel art and game art.

  9. 12

    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.

  10. 13

    vectorcraft

    9.5Kstorytold/vectorcraft · Rust

    VectorCraft is an open-source, clean-room reimplementation of Adobe Illustrator, built from scratch in pure Rust, aiming to replicate Illustrator's tools, panels and workflow.

  11. 14

    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.

  12. 15

    open-pencil

    9.1Kopen-pencil/open-pencil · TypeScript

    OpenPencil is an open-source AI-native design editor and Figma alternative. It opens .fig and .pen files, has built-in AI, and doubles as a programmable toolkit with a headless Vue SDK for building custom editors.

  13. 16

    shaders

    5Kshader-effects-inc/shaders · TypeScript

    Shaders is a library of 200+ WebGPU visual effects (gradients, noise, glass, metal, light, distortions, transitions, blurs, cursor effects) shipped as ready-to-use components for React, Vue, Svelte, Solid and plain JavaScript.

  14. 17

    logo-design-skill

    3.5Kkaankiziltug/logo-design-skill · HTML

    It is an Agent Skill that turns Claude, Gemini CLI, Codex, Cursor or GitHub Copilot into a disciplined logo designer, covering the whole process from brief to production-ready SVG files and brand guidelines.

  15. 18

    lint

    3.2Kshadcn-ui/lint · TypeScript

    An agent-first linter for Tailwind design systems: you define what is allowed, and when an agent breaks a rule the error explains what is wrong and suggests a fix using your components, variants, and theme.

  16. 19

    solidcraft

    3.1Ktangency-labs/solidcraft · Rust

    SolidCraft is an open-source parametric 3D CAD application built in pure Rust: you sketch, constrain, and build solids on a feature timeline, and it runs on desktop, in the browser, or can be driven headlessly by AI agents through a built-in MCP server.

  17. 20

    jumper

    2.7KKingKongRobotics/jumper · Python

    Jumper is a 22-DoF crab robot, and this repository is its AI toolkit for creating appearances, training motions, and building scenes for it.

  18. 21

    floorplan-3d

    2.4Kwy51ai/floorplan-3d · HTML

    A pure front-end floor plan and interior design tool: you lay out furniture, knock down or add walls, and measure dimensions on a 2D plan, then flip to a Three.js 3D scene for a bird's-eye view or a first-person walkthrough.

  19. 22

    figcraft

    2Kstorytold/figcraft · Rust

    FigCraft is an open-source, clean-room reimplementation of Figma's interface design and prototyping workflows, rebuilt entirely in pure Rust as a native, offline-first app.

  20. 23

    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.

  21. 24

    deepseek-design

    1.5KDevin-AXIS/deepseek-design · JavaScript

    DeepSeek Design is a native visual design system plugin for DeepSeek Harness that lets the AI generate, edit, and continuously revise real editable design files (websites, posters, slides, short videos) instead of just chatting or producing static images.

  22. 25

    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.

  23. 26

    orb

    733LerSent001/orb · TypeScript

    Liquid Orb Editor is a real-time editor for creating animated liquid-glass orb effects, built with React and WebGPU/WGSL. You tweak color, speed, shape, glass refraction and glow, then export the result as a standalone web page or as SwiftUI/Metal code for iOS apps.

  24. 27

    c64-keyboard-font

    634szabadkai/c64-keyboard-font · Python

    C64 Keyboard is a font that recreates the printed letter and symbol legends from a real Commodore 64 keyboard, traced and cleaned up from photographs of the actual keycaps. It ships as desktop TTF/OTF files, a webfont, editable outlines, and a specimen for previewing the glyphs.

  25. 28

    open-pencil-cloud

    591yoohoo360/open-pencil-cloud · TypeScript

    An AI-native, open-source Figma alternative: a product fork of the OpenPencil design editor. It keeps the upstream engine (.fig/.pen, CanvasKit rendering, SceneGraph) and adds a React shell, cloud documents, and internal deployment.

  26. 29

    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.

  27. 30

    EpicInfographics

    441OrRon/EpicInfographics · JavaScript

    An open-source skill that teaches AI coding agents to design studio-quality infographics instead of the generic AI-slop look, taking a brief all the way from arithmetic to a rendered PNG and optional animation.

  28. 31

    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.

  29. 32

    cell-lct

    394yrui-cmd/cell-lct · PowerShell

    Cell-lct is an editable scientific vector drawing plugin for Adobe Illustrator. It reconstructs reference images (charts with arrows, axes, heatmaps, legends) into real editable vector paths and genuine SVG text, then draws them directly into the Illustrator document you already have open.

  30. 33

    shift

    358shift-editor/shift · TypeScript

    Shift is a modern, cross-platform font editor for type designers and developers, built with TypeScript and Rust to bring contemporary technologies and design principles to type design.

  31. 34

    goku-image-to-svg-tool

    328goku-open/goku-image-to-svg-tool · Python

    A Streamlit web app that wraps the open-source Vecto (.NET) vectorization engine to turn raster images like PNG or JPG into clean, editable SVG files, with a live original/vector/split-view comparison before you export.

  32. 35

    palette-from-image-ai

    300egotoadcitadel/palette-from-image-ai · Python

    It's a standalone Windows desktop app that pulls a clean, role-tagged color palette out of any image using an on-device vision model and perceptual color clustering, with no cloud upload or subscription involved.

  33. 36

    AutoDesign

    245Yaxin9Luo/AutoDesign · Python

    An open-source design agent and harness that turns one research paper PDF into four editable artifacts: a poster, slide deck, webpage, and narrated video. It claims to beat Claude Design on academic communication artifacts.

  34. 37

    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.

  35. 38

    procedural-sounds

    199m1ckc3s/procedural-sounds · TypeScript

    Procedural Sounds generates interface and UI sounds live in the browser from code recipes instead of audio files, so you design a sound by ear and then export it.

  36. 39

    PCB_lightgraph_Portable

    146Ashlixy17/PCB_lightgraph_Portable · HTML

    This is a portable, browser-based web version of PCB_lightgraph — a tool that converts 2D illustrations into layered PCB production artwork (copper traces, soldermask, silkscreen, backlight layer) for making light-up PCB art pieces.

Often tagged together