thedesigntools

All Tools

AI & Vibe Coding Digital Product Design Graphic Design Physical Product Design Architecture Web Builders & No-Code Design Systems & UI Kits Learning & Certification Cross-Discipline

Built by us · free, no signup

Colour palette generator Colour contrast checker CSS gradient generator CMF spec sheet generator Invoice generator See all five →

Looking for the directory? Browse 473 design tools

Open Source Blog Newsletter Deals Submit a Tool

Search tools and articles

All Tools AI & Vibe Coding Digital Product Design Graphic Design Physical Product Design Architecture Web Builders & No-Code Design Systems & UI Kits Learning & Certification Cross-Discipline Utilities — built by us — Colour palette generator — Colour contrast checker — CSS gradient generator — CMF spec sheet generator — Invoice generator Open Source Blog Newsletter Deals Submit a Tool

Component Libraries

All Design Systems & UI Kits Component Libraries Design System Tooling Premium UI Kits

Pricing

23 tools

Open source

Ant Design

Enterprise-focused React component system with exhaustive data-display components.

Free

Auto Animate

Drop-in library that adds smooth transitions to list and layout changes with one line.

Free

Open source

Base UI

Unstyled, accessible React components from the MUI team.

Free

Open source

Bootstrap

The long-standing CSS framework with a complete component and grid system.

Free

Open source

Bulma

CSS-only framework built on Flexbox, with no JavaScript dependency.

Free

Open source

Chakra UI

Accessible React component library with a clean styling API and strong defaults.

Free

Font Awesome

Long-established icon library with a large free tier and broad framework support.

Freemium

Open source

Framer Motion

Production animation library for React with a declarative API.

Free

Open source

Headless UI

Unstyled, accessible component primitives from the Tailwind team, for React and Vue.

Free

Open source

Iconoir

Open-source icon library with over 1,500 icons and no licensing conditions.

Free

Open source

Mantine

React component library with over 100 components and a large hooks collection.

Free

Open source

Material UI

The most widely used React component library, implementing Google's Material Design.

Freemium

Open source

NextUI (HeroUI)

Modern React component library built on Tailwind with polished default styling.

Free

Nucleo

Icon library with a desktop app for organising and customising icon sets.

One-time

Open source

Park UI

Component library built on Ark UI, working across React, Vue and Solid.

Free

Open source

Pico CSS

Minimal CSS framework that styles semantic HTML with almost no classes.

Free

Open source

Radix Themes

Pre-styled component library built on Radix primitives.

Free

Open source

Radix UI

Unstyled, fully accessible React primitives for building your own component library.

Free

Open source

shadcn/ui

Copy-paste React components built on Radix and Tailwind that you own outright once added.

Free

Streamline Icons

Very large icon and illustration library spanning many consistent styles.

Freemium

Open source

Tabler Icons

Over 5,000 free MIT-licensed icons designed on a consistent grid.

Free

Open source

Tailwind CSS

Utility-first CSS framework that has become the default for new projects.

Free

Untitled UI Icons

Icon library designed to pair with the Untitled UI design system.

Freemium

No tools match those filters

Try removing a filter, or search the whole site from the header.

the design tools

A hand-curated directory of design tools for product designers, graphic designers, industrial designers, architects, and creative directors. Every listing states its real drawbacks, not just its strengths.

All product names, logos and brands are the property of their respective owners, and are used for identification purposes only. Their use does not imply affiliation with or endorsement by them.