UI Components & Kits

69 resources

This category mixes component libraries, copy-paste blocks, admin themes and single-purpose widgets that work across frameworks. Tailwind CSS has the largest share: Flowbite, daisyUI, HyperUI, Meraki UI, Tailblocks, Float UI and Headless UI. Bootstrap-based kits include Material Design for Bootstrap, Shards, AdminLTE and CoreUI, which also ships Bootstrap admin templates.

The main choice is between installed libraries and copy-paste components. daisyUI adds semantic class names on top of Tailwind as a plugin, Flowbite adds interactive components with a small JavaScript layer, and Headless UI provides unstyled, accessible behavior for menus, dialogs and listboxes. HyperUI, uiverse and Tailblocks give you markup to paste and own, which means no dependency but also no updates.

The list also includes focused utilities: SweetAlert2 for modal dialogs, Sonner for toast notifications in React, SpinKit and Epic Spinners for loaders, LottieFiles for vector animations, and SVGR for turning SVG files into React components. When pasting components, check keyboard navigation, focus states and ARIA attributes yourself, since snippet collections vary widely in accessibility.

Frutjamfrutjam.com

CSS-only Tailwind v4 component library — no JS, no hydration issues. 60+ WCAG AA/AAA accessible components for Next.js, Nuxt, Django, Laravel, or any framework

CSSnippetscssnippets.shefali.dev

Explore a vast collection of HTML, React, CSS and Tailwind CSS code snippets for buttons, box-shadows, cards, checkboxes, dropdowns and many more.

Bitbit.dev

Provides a huge library of reuseable UI Components for React, Angular, Vue, React Native. Also can be used for sharing UI Components among other team members

UILanguilang.com

A minimal, UI-focused programming language for web designers

Froala Design Blocksfroala.com

Over 170 responsive design blocks ready to be used in your web or mobile apps

Flowbiteflowbite.com

Open-source library of Tailwind CSS components

Open source

daisyUIdaisyui.com

Tailwind CSS Components

Mui Treasurymui-treasury.com

An open-source project that provides a collection of ready-to-use components based on Material-UI.

Open source

Photonkitphotonkit.com

Desktop UI library for Electron

F

Flat UIdesignmodo.github.io

Minimal free user interface kit

Free

Shardsdesignrevision.com

A free and modern UI toolkit for web makers based on Bootstrap

Free

Themesbergthemesberg.com

Free and open-source website themes, templates, and UI kits based on Bootstrap and React

FreeOpen source

Creative Timcreative-tim.com

All types of UI libraries and kits including JS frameworks like React

AdminLTEadminlte.io

Best open source admin dashboard & control panel theme

Open source

SpinKittobiasahlin.com

Simple CSS Spinners

Epic Spinnersepic-spinners.epicmax.co

CSS spinners collection with Vue.js integration.

Loading.ioloading.io

Online service provider for creating simple animations, spinners, progress bar and more

Moving Letterstobiasahlin.com

Animated Text with JavaScript and anime.js

C

CSS Layoutcsslayout.io

A collection of popular web layouts and patterns in pure CSS

CSS Grid Generatorcssgrid-generator.netlify.app

An open-source project that allow users to quickly create dynamic layout based on CSS Grid.

Open source

HTML Table Generatorhtmltables.io

Create semantic, responsive & accessible HTML tables to represent your tabular data. Set CSS properties, generate the code and copy & paste into your project.

Codyhousecodyhouse.co

Kick-start your web projects with CodyHouse's front-end framework and library of accessible HTML, CSS, JavaScript components

Tailwind Starter Kitcreativetimofficial/tailwind-starter-kit

Tailwind Starter Kit a beautiful extension for TailwindCSS, Free and Open Source

FreeOpen source6.1kupdated 1y ago

Tailwindtoolboxtailwindtoolbox.com

Open source starter templates and components, a plugins directory and useful tools/utilities to kick start your Tailwind CSS project.

Open source

tailwindcomponentstailwindcomponents.com

A free repository for community components using TailwindCSS

Free
S

sweetalertsweetalert.js.org

SweetAlert makes popup messages easy and pretty.

sweetalert2sweetalert2.github.io

A beautiful, responsive, customizable, accessible replacement for javascript's popup boxes

T

tailblocksmertjf.github.io

Open source ready-to-use Tailwind CSS components.

Open source

Fastfast.design

An interface system that can be used with modern Web Frameworks such as React, Vue and Angular.

LottieFileslottiefiles.com

Interactive animations in many formats like json,gif and mp4, libraries and plugins for Web & Mobile .

IconKing Lottie Toolsiconking.net

Free browser-based tools to preview, edit and convert Lottie animations. No signup or watermark.

FreeNo signup

EasyLottieeasylottie.com

Free browser tools to preview, recolor, compress and convert Lottie files locally. No signup, upload or watermark.

FreeNo signup

Kuttykutty.netlify.app

A set of accessible and reusable prebuilt Tailwind components that are commonly used in web applications.

T

Tailwind Templatestailwindtemplates.io

A free collection of Tailwindcss Templates - tailwind components for rapid UI development.

Free
S

Stitchesstitches.hyperyolo.com

An HTML template generator using functional css.

Meraki UI Componentsmerakiui.com

Beautiful Tailwindcss components that support RTL languages & fully responsive based on Flexbox & CSS Grid.

Stitchesstitches.dev

CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.

Headless UIheadlessui.dev

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

Styled componentsstyled-components.com

Build beautifully UI Components, for your applications & websites.

Figma Bootstrap 5 UI Kitdrive.google.com

UI Kit comprising 300+ organized Bootstrap 5 components built with atomic design system & auto layout.

Notiflixnotiflix.github.io

JavaScript library for client-side non-blocking notifications, popup boxes, loading indicators, and more that makes your web projects much better

CoreUIcoreui.io

Bootstrap Admin Dashboard Template & UI Components Library

AgnosticUIagnosticui.com

Accessible React component primitives that also work with Vue 3, Svelte, and Angular

SVGRreact-svgr.com

SVGR is an universal tool to transform a raw SVG into a ready-to-use React components. Available online, in CLI, Node.js, as a webpack/rollup/parcel plugin...

uiverseuiverse.io

Hundreds Open-Source UI elements, made with HTML & CSS. Anyone can contribute. Includes buttons, checkboxes, spinners, cards, inputs and more.

Open source

HyperUIhyperui.dev

Free open source Tailwind CSS components for marketing and ecommerce websites, as well as application UI.

FreeOpen source

Flowbite Admin Dashboardthemesberg/flowbite-admin-dashboard

Free and open-source admin dashboard template built with Tailwind CSS and Flowbite featuring 15 examples pages, charts, widgets, and dark mode.

FreeOpen source2.9kupdated 1y ago

Wicked Blockswickedblocks.dev

A free collection of Tailwind blocks & components

Free

Mamba UImambaui.com

Mamba UI is a free, open-source collection of UI components and templates based on Tailwind CSS.

FreeOpen source

Kitwindkitwind.io

Fully responsive UI kits, built with Tailwind CSS.

D

DevUIdevui.io

Free and Open-Source UI Components for Maximum Productivity.

FreeOpen source

Tail-Kittailwind-kit.com

Tail-kit gives you access to over 250 free components and free templates, based on Tailwind CSS 3.0.

Free

Float UIfloatui.com

Free and open-source UI components and website templates using Tailwind CSS

FreeOpen source

Konsta UIkonstaui.com

Pixel perfect mobile UI components built with Tailwind CSS

React Native Gifted ChatFaridSafi/react-native-gifted-chat

A chat UI component that offers a ready-to-use chat interface with features like message bubbles, input toolbar, and more.

Open source14.4kupdated 7d ago

Wind UIwind-ui.com

Expertly made, responsive, accessible components in React and HTML ready to be used on your website or app.

Sonnersonner.emilkowal.ski

An opinionated toast component for React.

Pinesdevdojo.com

Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copy and pasted into any Alpine and Tailwind projects.

Kuma UIkuma-ui.com

With Kuma UI's headless, zero-runtime UI components, build top-performing websites effortlessly, while enjoying the best developer experience. Say hello to the future of CSS-in-JS.

Shadcnui Blocksshadcnui-blocks.com

Effortless Shadcn UI Component Previews & Code Snippets.

Shadcn studioshadcnstudio.com

Preview your theme changes across different components and layouts.

Bunduibundui.io

Discover a curated collection of over 200 handcrafted UI components made with Tailwind CSS, React, and Shadcn UI.

Shadcn Examplesshadcnexamples.com

Examples and components built with React and Tailwind CSS, compatible with Shadcn UI.

Shadcn Adminshadcnadmin.com

A multipurpose admin dashboard template for React, Next.js, and Vue.js. Fully compatible with shadcn/ui.

Namer UInamer-ui.vercel.app

A collection of reusable Next.js/React components made to empower developers to quickly build beautiful UIs.

Built on the open bradtraversy/design-resources-for-developers list by its contributors, licensed MIT. Design Resources for Developers is an independent project, not affiliated with the list's maintainers.

About Synced Oct 16, 2026

© 2026 Design Resources for Developers

Esc

Type to search every entry. ↑↓ to move, Enter to open.