Design Tools

45 tools available

๐ŸŽจ 94.6k

Ant Design

An enterprise-class UI design language and React-based UI library for building rich and interactive user interfaces.

๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿงฉ Component Librariesโš›๏ธ React
๐ŸŽจ 86.4k

Shadcn UI

A set of beautifully-designed, accessible components and a code distribution platform that works with your favorite frameworks. Open Source. Open Code.

๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿงฉ Component Libraries๐Ÿ‘ฅ Accessibility๐Ÿ‘จโ€๐Ÿ’ป Development
๐Ÿ“– 41.8k

Awesome Design Patterns

A curated list of software and architecture related design patterns, useful for enhancing software development and architecture understanding.

๐Ÿ•ถ๏ธ Awesome๐Ÿ—๏ธ Architecture๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ‘จโ€๐Ÿ’ป Development
๐Ÿ–Œ๏ธ 39.9k

tldraw

A versatile whiteboard SDK and infinite canvas SDK to build interactive drawing applications.

๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿ› ๏ธ Tools๐Ÿ‘จโ€๐ŸŽจ Design๐ŸŒ Web
๐ŸŽจ 37.9k

Penpot

The open-source design tool for design and code collaboration, empowering teams to build and share projects seamlessly.

๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ‘จโ€๐Ÿ’ป Development
๐Ÿ“ 35.7k

System Design

Learn how to design systems at scale and prepare for system design interviews with practical examples and insights.

๐Ÿ—๏ธ Architecture๐Ÿ‘จโ€๐ŸŽจ Design๐ŸŽ“ Learning & Career๐Ÿ“š Documentation
๐Ÿ–ผ๏ธ 35.1k

Carbon

โค๏ธ Create and share beautiful images of your source code with ease, perfect for showcasing on social media and presentations.

๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿ› ๏ธ Tools
๐Ÿ—ƒ๏ธ 29.6k

Drawdb

Free, simple, and intuitive online database diagram editor and SQL generator.

๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿ› ๏ธ Tools๐Ÿ’พ Database
๐ŸŽจ 25.4k

Feather

Simply beautiful open-source icons for fast and scalable web design.

๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ‘จโ€๐Ÿ’ป Development๐ŸŽจ Styling
๐ŸŽจ 24.6k

InvokeAI

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.

๐Ÿค– AI๐Ÿ‘จโ€๐ŸŽจ Design๐ŸŒ Web
๐ŸŒฟ 23.5k

GrapesJS

GrapesJS is a next-generation free and open source web builder framework, designed for building templates without coding experience.

๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿงฐ Framework๐Ÿ‘จโ€๐ŸŽจ Design๐ŸŒ Web
๐Ÿ› ๏ธ 23.5k

FreeCAD

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.

๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿ› ๏ธ Tools
๐ŸŒ 23.3k

Responsively App

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.

๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿ› ๏ธ Tools๐Ÿ‘จโ€๐ŸŽจ Design๐ŸŒ Web
๐ŸŽจ 17.1k

Primitives

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

๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿ‘ฅ Accessibility๐Ÿงฉ Component Libraries๐Ÿ‘จโ€๐ŸŽจ Design
๐ŸŽจ 16.9k

Lucide

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.

๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿงฉ Component Libraries๐Ÿ› ๏ธ Tools
๐ŸŽจ 16.9k

Motion-canvas

Visualize Your Ideas With Code using Motion Canvas, designed for efficient and creative visualizations.

๐Ÿ“ˆ Visualization๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿƒโ€โ™‚๏ธ Animation
๐Ÿ“Š 16.3k

Chartdb

Database diagrams editor that allows you to visualize and design your DB with a single query.

๐Ÿ’พ Database๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ› ๏ธ Tools
โœจ 11.7k

Satori

Satori, an enlightened library designed to convert HTML and CSS into SVG images, facilitating dynamic graphic generation.

๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ› ๏ธ Tools
๐ŸŽจ 10.8k

Blender MCP

A powerful tool for enhancing the capabilities of Blender by providing modular control and presets, facilitating efficient management of 3D assets and projects.

๐Ÿ‘จโ€๐ŸŽจ Design๐ŸŽฎ Game Development๐Ÿ› ๏ธ Tools๐Ÿ”จ Utils
๐Ÿฑ 10.5k

React Native UI Kitten

A React Native UI Library based on the Eva Design System, offering rich UI components with Dark Mode support.

๐Ÿงฉ Component Libraries๐Ÿ“ฑ Mobile๐Ÿ‘จโ€๐ŸŽจ Design๐ŸŽจ Styling
๐ŸŽจ 9.4k

Onlook

Onlook is an open source design tool that allows designers to work directly in live React applications, seamlessly integrating design changes into the code.

๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ‘จโ€๐Ÿ’ป Developmentโš›๏ธ React๐Ÿ› ๏ธ Tools
๐ŸŽจ 7.9k

Rebass

React primitive UI components built with styled-system, providing a simple and flexible component library for building responsive, theme-based design systems.

๐Ÿงฉ Component Librariesโš›๏ธ React๐ŸŽจ Styling๐Ÿ‘จโ€๐ŸŽจ Design
๐Ÿ”„ 7.5k

Swapy

โœจ Swapy is a framework-agnostic tool that transforms any layout into a drag-to-swap interface with minimal code.

๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿ‘จโ€๐ŸŽจ Design๐ŸŒ Web๐Ÿ› ๏ธ Tools
๐ŸŽจ 6.2k

Cva

Class Variance Authority (CVA) is a utility-first CSS-in-JS design system for consistent styling across your application.

๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿ‘จโ€๐ŸŽจ Design๐ŸŽจ Styling๐Ÿ› ๏ธ Tools
๐Ÿ“ฆ 5.6k

Sanity

Sanity Studio is a platform to rapidly configure content workspaces powered by structured content, allowing developers to build powerful CMS solutions and deliver content seamlessly.

๐Ÿ“ CMS๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ› ๏ธ Tools
๐Ÿ’€ 5.5k

Skeleton

Skeleton is an adaptive design system powered by Tailwind CSS, providing a comprehensive set of components and utilities for fast and flexible web development.

๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ‘จโ€๐Ÿ’ป Development๐ŸŽจ Styling๐Ÿงฉ Component Libraries
๐ŸŽจ 5.3k

Theme-ui

Build consistent, themeable React applications using constraint-based design principles for better design consistency and improved user experience.

๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿ‘จโ€๐ŸŽจ Designโš›๏ธ React๐ŸŽจ Styling
๐ŸŽจ 4.4k

Zag

Build your design system in React, Solid, Vue or Svelte using finite state machines for predictable state management and interaction logic.

๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ‘จโ€๐Ÿ’ป Development๐Ÿงฐ Frameworkโš›๏ธ React
๐ŸŽจ 4.4k

Motion-primitives

Motion Primitives is an open-source UI kit designed to help developers create beautiful, customizable, and animated interfaces more efficiently.

๐Ÿƒโ€โ™‚๏ธ Animation๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ‘จโ€๐Ÿ’ป Development๐ŸŽจ Styling
๐ŸŽจ 4.3k

Ark

Build your design system with React, Svelte, Vue, and Solid. Powered by State Machines. It's a flexible library to create modular and scalable design systems using modern frontend frameworks.

๐Ÿ‘จโ€๐ŸŽจ Design๐Ÿ‘จโ€๐Ÿ’ป Developmentโš›๏ธ React๐Ÿงฉ Component Libraries

Stay Updated!

Get notified about new tools and updates to existing ones.