Topics / #design-tool

Design-tool projects on GitHub

Applications and libraries for creating visual designs and artwork.

As of , the most-starred Design-tool projects on GitHub are onlook (26.9K stars), Compositor (17.3K stars) and theatre (12.8K stars). GitHub.Locker tracks 12 Design-tool repositories with 99.4K stars combined. The fastest-growing on October 16 was Compositor, with +114 stars in a day.

12Projects
99.4KStars in total
+286Stars in a day
Browse in the catalog →github.com/topics/design-tool ↗

Hot right now

Most stars gained in a day · Oct 16

+114

Compositor

robbietilton/Compositor · ★ 17.3K

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.

+85

logo-design-skill

kaankiziltug/logo-design-skill · ★ 3.5K

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.

+37

m3e-canvas

lnkiai/m3e-canvas · ★ 9.4K

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.

+11

awesome-claude-design

VoltAgent/awesome-claude-design · ★ 4.1K

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.

The all-time top

12 projects · by stars

  1. #1 · onlook-dev/onlook

    onlook

    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.

    26.9K
  2. #2 · robbietilton/Compositor

    Compositor

    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.

    17.3K
  3. #3 · theatre-js/theatre

    theatre

    Theatre.js is an animation library for high-fidelity motion graphics on the web. It is designed for detailed animation — intricate movement and nuance — and can be used both programmatically and visually.

    12.8K
  1. 4

    Tkinter-Designer

    10.3KParthJadhav/Tkinter-Designer · Python

    Tkinter Designer is a tool that turns Figma designs into working Python Tkinter GUIs: it reads your design file through the Figma API and generates all the code and images the GUI needs.

  2. 5

    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.

  3. 6

    openpencil

    6.2KZSeven-W/openpencil · Rust

    OpenPencil is the world's first open-source AI-native vector design tool, built around Design-as-Code: you describe a UI in natural language and it appears live on an infinite canvas, with concurrent AI 'Agent Teams' building different sections in parallel.

  4. 7

    ip-as-logo-skill

    6Ks1dashu/ip-as-logo-skill

    ip-as-logo is a compact Agent Skill that guides an AI agent to generate extremely simple, cute, company-ready IP mascot logos with a rounded, subtly neo-skeuomorphic style.

  5. 8

    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.

  6. 9

    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.

  7. 10

    bloub

    1.8Kjeremy-prt/bloub · TypeScript

    An SVG recreation of the x.ai bot avatar: one black shape that morphs through 14 states plus two independently animated white eye shapes, with every pose measured frame-by-frame off the reference video rather than hand-designed.

  8. 11

    doop

    870kgoedecke/doop · TypeScript

    Doop is an open-source, self-hosted alternative to Paper.design: a multiplayer design canvas where humans design in the browser while AI agents design through a built-in MCP server, with every edit streaming live to everyone watching.

  9. 12

    Core-Framework

    190CoreBunch/Core-Framework · TypeScript

    Core Framework is a visual CSS framework and design-token builder you use across the web, WordPress, and Figma to build a design system once and export portable, production-ready CSS.

Often tagged together