Here are open-source design tools covering UI libraries, icon generation, and AI-assisted visuals. Jaaz is a local AI design agent for images, posters, and storyboards. Ant Design offers an enterprise-class React UI library, and Photoshot generates personalized AI avatars through a web app. Use this list when you need components, assets, or generative helpers without leaving open source.
The most popular open-source Design tool by GitHub stars is Shadcn UI(112.1k stars), followed by Ant Design(97.7k stars)and System Design 101(75.1k stars). This page lists the top 30 of 65 design tools in the directory, ranked by community adoption.
| # | Tool | Stars | Language | License |
|---|---|---|---|---|
| 1 | Shadcn UI A set of beautifully-designed, accessible components and a code distribution platform that works with your favorite frameworks. Open Source. Open Code. | 112.1k | TypeScript | MIT License |
| 2 | Ant Design An enterprise-class UI design language and React-based UI library for building rich and interactive user interfaces. | 97.7k | TypeScript | MIT License |
| 3 | System Design 101 A comprehensive guide to understanding complex system architectures using visuals and simple language, aiding preparation for system design interviews. | 75.1k | — | Other |
| 4 | tldraw A versatile whiteboard SDK and infinite canvas SDK to build interactive drawing applications. | 46.3k | TypeScript | Other |
| 5 | Penpot The open-source design tool for design and code collaboration, empowering teams to build and share projects seamlessly. | 45.3k | Clojure | Mozilla Public License 2.0 |
| 6 | System Design Learn how to design systems at scale and prepare for system design interviews with practical examples and insights. | 42.8k | — | Other |
| 7 | Awesome Design Patterns A curated list of software and architecture related design patterns, useful for enhancing software development and architecture understanding. | 41.8k | — | — |
| 8 | Drawdb Free, simple, and intuitive online database diagram editor and SQL generator. | 37.0k | JavaScript | GNU Affero General Public License v3.0 |
| 9 | Carbon ❤️ Create and share beautiful images of your source code with ease, perfect for showcasing on social media and presentations. | 36.0k | JavaScript | MIT License |
| 10 | OpenCut OpenCut is an open-source alternative to CapCut offering a range of video editing tools for creators. | 27.6k | TypeScript | MIT License |
A set of beautifully-designed, accessible components and a code distribution platform that works with your favorite frameworks. Open Source. Open Code.
An enterprise-class UI design language and React-based UI library for building rich and interactive user interfaces.
A comprehensive guide to understanding complex system architectures using visuals and simple language, aiding preparation for system design interviews.
A versatile whiteboard SDK and infinite canvas SDK to build interactive drawing applications.
The open-source design tool for design and code collaboration, empowering teams to build and share projects seamlessly.
Learn how to design systems at scale and prepare for system design interviews with practical examples and insights.
A curated list of software and architecture related design patterns, useful for enhancing software development and architecture understanding.
Free, simple, and intuitive online database diagram editor and SQL generator.
❤️ Create and share beautiful images of your source code with ease, perfect for showcasing on social media and presentations.
OpenCut is an open-source alternative to CapCut offering a range of video editing tools for creators.
Simply beautiful open-source icons for fast and scalable web design.
Onlook is an open source design tool that allows designers to work directly in live React applications, seamlessly integrating design changes into the code.
Our Newsletter
Get short emails with useful design projects, releases, and repos worth watching.
Responsively App is a tailored web browser designed to assist in responsive web development. It is an essential tool for web developers seeking to streamline their workflow.
A leading creative engine for Stable Diffusion models. It empowers professionals, artists, and enthusiasts to generate and create visual media using the latest AI technologies, and offers an industry-leading WebUI.
GrapesJS is a next-generation free and open source web builder framework, designed for building templates without coding experience.
FreeCAD is an open-source, multiplatform 3D parametric modeler for designing real-life objects of any size. It is suitable for a wide range of uses including product design, mechanical engineering, and architecture.
Lucide is a beautiful and consistent icon toolkit made by the community. This open-source project is a fork of Feather Icons, featuring a vast range of icons designed for seamless integration into various applications.
Database diagrams editor that allows you to visualize and design your DB with a single query.
A comprehensive UI Library for Design Engineers. It provides animated components and effects ready to be integrated into applications, offering a free and open-source solution.
A powerful tool for enhancing the capabilities of Blender by providing modular control and presets, facilitating efficient management of 3D assets and projects.
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web applications.
Visualize Your Ideas With Code using Motion Canvas, designed for efficient and creative visualizations.
Satori, an enlightened library designed to convert HTML and CSS into SVG images, facilitating dynamic graphic generation.
Shiki is a beautiful yet powerful syntax highlighter that makes your code stand out.
A React Native UI Library based on the Eva Design System, offering rich UI components with Dark Mode support.
roomGPT enables users to upload a photo of their room and generate dream room transformations powered by artificial intelligence. Create and visualize redesigned spaces instantly using AI-driven interior design suggestions.
Fluent System Icons is a comprehensive collection of familiar, friendly, and modern iconography created by Microsoft, designed to support Fluent UI and enhance user interfaces consistently across web and desktop applications.
Galaxy is the largest open-source UI library featuring a diverse collection of community-made, free-to-use UI components built with CSS or Tailwind CSS. Ideal for modern web development projects, it offers an extensive resource for developers and designers seeking ready-made interface elements.
Carbon is IBM’s open-source design system that provides reusable components, design guidelines, and tools to help teams create consistent digital experiences.
A powerful visual development and headless CMS platform supporting React, Vue, Svelte, Qwik, and more. Builder enables teams to visually create, manage, and optimize digital experiences without sacrificing code flexibility.
Shadcn UI leads by GitHub stars(112.1k). A set of beautifully-designed, accessible components and a code distribution platform that works with your favorite frameworks. Open Source. Open Code.
Yes. Every tool on this list is open source and free to use in your own projects. Many can be self-hosted.
Tools are ranked by GitHub star count, a strong proxy for community adoption and active maintenance. Star counts are refreshed regularly.
Get notified about new tools and updates to existing ones.