What are the best free UI Components & Kits resources?

Top recommended resources in this collection based on developer popularity and feature richness: Tailwind Components — A free repository for community components using TailwindCSS, component gallery — The Component Gallery is a reference for building user interfaces with an up-to-date collection of components from design systems., Tailwindtoolbox — Open source starter templates and components, for your Tailwind CSS project., Uiverse — Hundreds Open-Source UI elements, made with HTML & CSS. Anyone can contribute. Includes buttons, checkboxes, spinners, cards, inputs and more..

How are UI Components & Kits selected on DevToolbox?

Every resource listed in our UI Components & Kits directory undergoes manual curation based on developer usability, generous free tiers, lack of hidden paywalls, modern browser support, and community reputation.

Can I use these UI Components & Kits in commercial projects?

Yes, the vast majority of tools and libraries in this UI Components & Kits collection offer open-source (MIT, Apache 2.0) or permissive free licenses suitable for personal and commercial projects. However, we always recommend verifying each tool's specific license terms on its official website before deployment.

All Tools/UI Components & Kits

UI Components & Kits

Find free ready-to-use UI components, design system kits, and frontend building blocks like buttons, cards, and modals for faster web development.

20 tools✦6 best picks

Sort by

Flowrift
flowrift.com/c/banner
Flowrift is a library made of beautifully designed Tailwind CSS UI blocks.
(opens in a new tab)
✦
Tailwind Components
tailwindcomponents.com/components
A free repository for community components using TailwindCSS
(opens in a new tab)
tailspark
tailspark.co
300+ Free TailwindCSS Components & Templates
(opens in a new tab)
✦
component gallery
component.gallery/components
The Component Gallery is a reference for building user interfaces with an up-to-date collection of components from design systems.
(opens in a new tab)
✦
Tailwindtoolbox
tailwindtoolbox.com
Open source starter templates and components, for your Tailwind CSS project.
(opens in a new tab)
✦
Uiverse
uiverse.io
Hundreds Open-Source UI elements, made with HTML & CSS. Anyone can contribute. Includes buttons, checkboxes, spinners, cards, inputs and more.
(opens in a new tab)
Buttons-generator
markodenic.com/tools/buttons-generator
Css button examples. Simply copy and paste the code.
(opens in a new tab)
Flat UI
designmodo.github.io/Flat-UI
Minimal free user interface kit
(opens in a new tab)
Creative Tim
creative-tim.com
All types of UI libraries and kits including JS frameworks like React
(opens in a new tab)
CSS Layout
csslayout.io
A collection of popular web layouts and patterns in pure CSS
(opens in a new tab)
Sweetalert
sweetalert.js.org
SweetAlert makes popup messages easy and pretty.
(opens in a new tab)
✦
Sweetalert 2
sweetalert2.github.io
A beautiful, responsive, customizable, accessible replacement for javascript's popup boxes
(opens in a new tab)
Notiflix
notiflix.github.io
JavaScript library for client-side non-blocking notifications, popup boxes, loading indicators, and more that makes your web projects much better
(opens in a new tab)
Devui.io
devui.io
Free and Open-Source UI Components for Maximum Productivity.
(opens in a new tab)
cleave.js
github.com/nosir/cleave.js
Cleave.js has a simple purpose: to help you format input text content automatically.
(opens in a new tab)
✦
Shields
shields.io
Create badges with your own customization.
(opens in a new tab)
Grid.js
gridjs.io
Grid.js is a Free and open-source HTML table plugin written in TypeScript. It works with most JavaScript frameworks, including React, Angular, Vue and VanillaJs.
(opens in a new tab)
David AI
github.com/creativetimofficial/david-ai
A free and open-source collection of customizable, production-ready UI components built with Tailwind CSS.
(opens in a new tab)
floatui
github.com/MarsX-dev/floatui
Beautiful and responsive UI components and templates for React and Vue (soon) with Tailwind CSS.
(opens in a new tab)
animate-ui
github.com/imskyleen/animate-ui
Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion, and Shadcn CLI.
(opens in a new tab)

UI Components & Kits Guide & FAQ

Everything you need to know about choosing and using free ui components & kits resources.

Top recommended resources in this collection based on developer popularity and feature richness:

Tailwind Components — A free repository for community components using TailwindCSS
component gallery — The Component Gallery is a reference for building user interfaces with an up-to-date collection of components from design systems.
Tailwindtoolbox — Open source starter templates and components, for your Tailwind CSS project.
Uiverse — Hundreds Open-Source UI elements, made with HTML & CSS. Anyone can contribute. Includes buttons, checkboxes, spinners, cards, inputs and more.

UI Components & Kits

Flowrift

Tailwind Components

tailspark

component gallery

Tailwindtoolbox

Uiverse

Buttons-generator

Flat UI

Creative Tim

CSS Layout

Sweetalert

Sweetalert 2

Notiflix

Devui.io

cleave.js

Shields

Grid.js

David AI

floatui

animate-ui

UI Components & Kits Guide & FAQ

Related Categories

CSS Frameworks

React Ecosystem

Vue Ecosystem

Design Systems & Style Guides