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.
- (opens in a new tab)
flowrift.com/c/banner
Flowrift
Flowrift is a library made of beautifully designed Tailwind CSS UI blocks.
- (opens in a new tab)
✦tailwindcomponents.com/components
Tailwind Components
A free repository for community components using TailwindCSS
- (opens in a new tab)
tailspark.co
tailspark
300+ Free TailwindCSS Components & Templates
- (opens in a new tab)
✦component.gallery/components
component gallery
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.com
Tailwindtoolbox
Open source starter templates and components, for your Tailwind CSS project.
- (opens in a new tab)✦uiverse.io
Uiverse
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)markodenic.com/tools/buttons-generator
Buttons-generator
Css button examples. Simply copy and paste the code.
- (opens in a new tab)designmodo.github.io/Flat-UI
Flat UI
Minimal free user interface kit
- (opens in a new tab)creative-tim.com
Creative Tim
All types of UI libraries and kits including JS frameworks like React
- (opens in a new tab)csslayout.io
CSS Layout
A collection of popular web layouts and patterns in pure CSS
- (opens in a new tab)sweetalert.js.org
Sweetalert
SweetAlert makes popup messages easy and pretty.
- (opens in a new tab)✦sweetalert2.github.io
Sweetalert 2
A beautiful, responsive, customizable, accessible replacement for javascript's popup boxes
- (opens in a new tab)notiflix.github.io
Notiflix
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)github.com/nosir/cleave.js
cleave.js
Cleave.js has a simple purpose: to help you format input text content automatically.
- (opens in a new tab)✦shields.io
Shields
Create badges with your own customization.
- (opens in a new tab)gridjs.io
Grid.js
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)github.com/creativetimofficial/david-ai
David AI
A free and open-source collection of customizable, production-ready UI components built with Tailwind CSS.
- (opens in a new tab)github.com/MarsX-dev/floatui
floatui
Beautiful and responsive UI components and templates for React and Vue (soon) with Tailwind CSS.
- (opens in a new tab)github.com/imskyleen/animate-ui
animate-ui
Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion, and Shadcn CLI.
UI Components & Kits Guide & FAQ
Everything you need to know about choosing and using free ui components & kits resources.
Related Categories
CSS Frameworks
Explore popular modern CSS frameworks like Tailwind CSS and Bootstrap. Build responsive, mobile-first websites faster with these free UI frameworks.
React Ecosystem
Explore top free React UI component libraries, state management tools, hooks, and helpful utilities for building modern, scalable web applications.
Vue Ecosystem
Discover the best free Vue.js UI component libraries, top frameworks like Nuxt, and ecosystem tools for building scalable, reactive Vue applications.
Design Systems & Style Guides
Explore top design systems from Google, Apple, and Microsoft. Learn from industry-leading style guides and open-source UI component libraries.