# Tailwind CSS component library

> Search results for `tailwind css components library` on awesome-repositories.com. 102 total matches; showing the first 50.

Explore on the web: https://awesome-repositories.com/q/tailwind-css-components-library

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/tailwind-css-components-library).**

## Results

- [alfonsobries/vue-tailwind](https://awesome-repositories.com/repository/alfonsobries-vue-tailwind.md) (2,164 ⭐) — This project is a modular user interface framework for Vue applications that provides a collection of reusable components built with Tailwind CSS. It functions as a configuration-driven design system tool, enabling developers to maintain visual consistency across complex applications through centralized theme management and utility-based styling.

The library distinguishes itself through a highly configurable architecture that supports variant-based style mapping and component instance customization. Developers can define global defaults or create multiple versions of the same interface elemen
- [creativetimofficial/material-tailwind](https://awesome-repositories.com/repository/creativetimofficial-material-tailwind.md) (4,359 ⭐) — Material Tailwind is a responsive web UI framework and component library built with Tailwind CSS. It provides a customizable design system that implements Material Design principles for web applications.

The project focuses on a customizable design system, allowing for centralized theme configuration and utility-based styling to maintain visual consistency across interfaces.

The library includes a wide range of reusable interface elements, covering layout structures, navigation systems, and overlay components. It provides specialized tools for web form construction, data input controls, and
- [saadeghi/daisyui](https://awesome-repositories.com/repository/saadeghi-daisyui.md) (41,125 ⭐) — This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance.

The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin
- [creativetimofficial/tailwind-starter-kit](https://awesome-repositories.com/repository/creativetimofficial-tailwind-starter-kit.md) (6,078 ⭐) — Tailwind Starter Kit is a copy-paste UI component library built with Tailwind CSS, designed to accelerate front-end development by providing pre-built, reusable interface blocks that can be inserted directly into any project without package managers or build tools. It delivers identical UI components as native code for React, Vue, Angular, and plain HTML, making it a framework-agnostic resource for assembling responsive layouts.

The kit structures its UI blocks as plain Tailwind markup that AI code generators can parse and reproduce from natural-language descriptions, making it compatible wit
- [themesberg/flowbite](https://awesome-repositories.com/repository/themesberg-flowbite.md) (9,283 ⭐) — Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications.

The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface.

The library covers a wide range of interactive int
- [tailwindlabs/tailwindcss](https://awesome-repositories.com/repository/tailwindlabs-tailwindcss.md) (95,592 ⭐) — Utility-first CSS framework for fast, design-system-friendly styling.
- [vadimdemedes/tailwind-rn](https://awesome-repositories.com/repository/vadimdemedes-tailwind-rn.md) (4,270 ⭐) — tailwind-rn is a utility-first mobile UI kit and integration framework that allows the use of Tailwind CSS utility classes to style React Native components. It functions as a responsive mobile styling engine that transforms CSS style definitions into JSON objects compatible with native mobile view styling.

The project provides a CSS-to-JSON style converter and a responsive engine that adapts styles based on screen breakpoints, dark mode preferences, and viewport orientation. This enables the implementation of mobile responsive design and state-based styling without writing manual stylesheets.
- [mrmrs/colors](https://awesome-repositories.com/repository/mrmrs-colors.md) (9,398 ⭐) — This project is a CSS color utility library and palette framework designed to standardize the application of colors to text, backgrounds, and borders on the web. It provides a web color style system with predefined classes and defaults to accelerate the visual styling of web prototypes.

The system utilizes skin-based color theming, allowing users to swap entire color palettes by changing top-level classes. It employs a utility class system backed by global CSS variable mapping to ensure visual harmony across different UI elements.

The framework supports rapid UI prototyping and general web c
- [themesberg/tailwind-datepicker](https://awesome-repositories.com/repository/themesberg-tailwind-datepicker.md) (148 ⭐) — A Tailwind CSS datepicker built with vanilla JavaScript
- [expo/expo](https://awesome-repositories.com/repository/expo-expo.md) (50,111 ⭐) — Expo is a universal mobile framework designed to build native iOS and Android applications from a single codebase using web-standard technologies. It provides a comprehensive development environment that includes a unified runtime for testing, cloud-based infrastructure for compiling and signing native binaries, and automated tools for managing the entire mobile release lifecycle, including app store submission.

The framework distinguishes itself through a plugin-based native configuration engine that programmatically modifies project files, allowing developers to integrate native modules wit
- [remotion-dev/remotion](https://awesome-repositories.com/repository/remotion-dev-remotion.md) (50,931 ⭐) — Remotion is a programmatic video framework that enables the creation of video content using component-based logic and standard web technologies. By leveraging a declarative animation engine, it allows developers to structure visual content as a hierarchy of reusable components, ensuring that animations and state updates remain consistent through deterministic frame execution.

The framework distinguishes itself by utilizing a headless browser renderer that captures visual output frame-by-frame to generate high-quality video files. This architecture supports a cloud-native media pipeline, allow
- [lfeh/css-components](https://awesome-repositories.com/repository/lfeh-css-components.md) (0 ⭐)
- [lannodev/angular-tailwind](https://awesome-repositories.com/repository/lannodev-angular-tailwind.md) (519 ⭐) — Angular & Tailwind CSS Admin Dashboard Starter Kit, Free and Open Source
- [datatables/datatables](https://awesome-repositories.com/repository/datatables-datatables.md) (7,408 ⭐) — DataTables is a feature-rich HTML table library that transforms static HTML tables into interactive data grids with sorting, paging, filtering, and server-side processing support. It provides a client-side rendering engine that handles table rows, pagination, and sorting entirely in the browser, while also offering a server-side processing pipeline that offloads sorting, filtering, and paging operations to a backend for efficient handling of large datasets.

The library distinguishes itself through its plugin-based extension system, which allows custom functions and widgets to modify table beh
- [jdorn/json-editor](https://awesome-repositories.com/repository/jdorn-json-editor.md) (5,826 ⭐) — json-editor is a schema-driven UI generator and web-based editor that automatically creates interactive HTML forms from JSON Schema definitions. It functions as a tool for collecting, modifying, and validating structured data by mapping schema specifications to corresponding input components.

The project distinguishes itself through a plug-in input architecture and resolver-based component mapping, which allow for the injection of third-party editors and custom input interfaces for specialized data types such as markdown, colors, and syntax-highlighted code. It also supports external schema r
- [jubstaaa/tailwind-hitslop](https://awesome-repositories.com/repository/jubstaaa-tailwind-hitslop.md) (5 ⭐) — Hit-slop utilities for Tailwind CSS v4 — invisible expanded touch targets, like React Native hitSlop. Pure CSS, zero JS.
- [theron-wang/vs2022-editor-support-for-tailwind-css](https://awesome-repositories.com/repository/theron-wang-vs2022-editor-support-for-tailwind-css.md) (147 ⭐) — Unofficial Tailwind CSS extension for IntelliSense, linting, sorting, and more to enhance the development experience in Visual Studio 2026 and 2022.
- [solidjs/solid](https://awesome-repositories.com/repository/solidjs-solid.md) (35,621 ⭐) — Solid is a declarative JavaScript framework for building user interfaces through fine-grained reactivity. By utilizing a compile-time template transformation process, it converts JSX into direct DOM manipulation instructions, eliminating the need for a virtual tree. This architecture allows the framework to track dependencies at the individual element level, ensuring that state changes trigger surgical updates to the interface.

The framework distinguishes itself through its isomorphic rendering pipeline, which shares reactive logic across server and client environments to support both initial
- [wenzhixin/bootstrap-table](https://awesome-repositories.com/repository/wenzhixin-bootstrap-table.md) (11,820 ⭐) — Bootstrap Table is a jQuery plugin for rendering interactive data grids with sorting, pagination, and filtering. It features a remote data integration system for fetching and synchronizing content from JSON endpoints using AJAX and server-side processing.

The project includes a styling layer that adapts markup to work with various CSS frameworks, such as Bootstrap, Semantic UI, Bulma, and Material Design. It provides specialized rendering modes, including a hierarchical tree grid for parent-child row relationships and a responsive card-view table that transforms grids into mobile-friendly lay
- [digitallyinduced/ihp](https://awesome-repositories.com/repository/digitallyinduced-ihp.md) (5,294 ⭐) — ihp is a type-safe web framework and full-stack application orchestrator designed for PostgreSQL. It functions as a server-side rendering framework and a type-safe ORM that automatically generates record types from SQL schemas to ensure compile-time query validation.

The platform distinguishes itself by verifying routing, database queries, and templates at compile time to prevent runtime crashes. It implements real-time web interfaces using WebSockets for instant data synchronization and employs server-driven hypermedia for partial DOM patching.

The framework covers a broad range of integrat
- [shuding/nextra](https://awesome-repositories.com/repository/shuding-nextra.md) (13,842 ⭐) — Nextra is a documentation framework for Next.js that functions as an MDX static site generator. It enables the creation of structured technical documentation sites by transforming MDX files into themed static pages with built-in layout and navigation. It serves as a React-based documentation tool that allows the integration of custom React components directly into markdown content.

The framework distinguishes itself through integrated full-text search and a localization system that manages multilingual content via language routing and translation selectors. It also includes an AI-powered chat
- [batosai/edge-components](https://awesome-repositories.com/repository/batosai-edge-components.md) (31 ⭐) — The most popular, free and open-source Tailwind CSS component library in edge template engine 6 with daisyUI and Alpine.js for adonisJS 6
- [dioxuslabs/dioxus](https://awesome-repositories.com/repository/dioxuslabs-dioxus.md) (36,400 ⭐) — Dioxus is a cross-platform development framework designed for building native desktop, mobile, and web applications from a single codebase. It utilizes a declarative component model and macro-powered syntax to define reusable interface elements, which are then rendered as native widgets or web elements. At its core, the framework employs a signal-based reactivity system that tracks state dependencies to trigger granular updates, ensuring efficient interface performance without re-rendering the entire application tree.

The framework distinguishes itself through a unified full-stack runtime tha
- [ddnexus/pagy](https://awesome-repositories.com/repository/ddnexus-pagy.md) (4,973 ⭐) — Pagy is a framework-agnostic Ruby pagination library used to split large datasets into numbered pages. It provides multiple implementations for dividing data, including offset-based slicing for standard collections and high-performance keyset pagination for massive datasets.

The library includes a pagination UI generator for rendering accessible HTML navigation bars and a dedicated tool for REST API pagination that produces RFC-compliant link headers and JSON metadata. It also features specialized systems for dividing results from search engines like Elasticsearch, Meilisearch, and Typesense,
- [creativetimofficial/david-ai](https://awesome-repositories.com/repository/creativetimofficial-david-ai.md) (6,078 ⭐) — David AI is a UI development toolkit that combines AI-powered page generation with a library of pre-built, copy-paste-ready components built on Tailwind CSS. At its core, it offers an AI builder that can generate complete landing pages and dashboards from natural language prompts, outputting clean, responsive Tailwind CSS code. The project provides a comprehensive collection of UI components—including buttons, forms, navigation elements, and data displays—that can be assembled into full page sections like hero blocks, pricing tables, and dashboards.

The toolkit distinguishes itself through a
- [elreco/vue-tailwind-datepicker](https://awesome-repositories.com/repository/elreco-vue-tailwind-datepicker.md) (247 ⭐) — A Vue 3 Datepicker using Tailwind CSS
- [rstacruz/rscss](https://awesome-repositories.com/repository/rstacruz-rscss.md) (3,907 ⭐) — rscss is a CSS architecture framework and design system specification used to organize stylesheets. It provides a methodology for defining reusable components and their child elements through a consistent naming standard and component-based file partitioning.

The system emphasizes a flat nesting hierarchy to prevent specificity conflicts and deep selector nesting. It utilizes a visual variant pattern that applies appearance variations to components via prefixed classes and a utility class specification for implementing global helper classes for layout adjustments.

The framework covers the br
- [rayyamhk/vite-react-component-library-starter](https://awesome-repositories.com/repository/rayyamhk-vite-react-component-library-starter.md) (68 ⭐) — Starter template for React component library
- [cruip/open-react-template](https://awesome-repositories.com/repository/cruip-open-react-template.md) (4,661 ⭐) — This project is a Next.js landing page template and React UI kit designed for showcasing software products and open source projects. It serves as a professional marketing website foundation and a Tailwind CSS website boilerplate for building modern web interfaces.

The framework provides specialized layouts and components for open source project showcases, SaaS landing pages, and admin dashboards. It includes a collection of responsive components and styling utilities that allow for visual design customization of colors, fonts, and layouts.

The capability surface covers a variety of UI elemen
- [joe-bell/cva](https://awesome-repositories.com/repository/joe-bell-cva.md) (6,849 ⭐) — cva is a TypeScript utility for defining and resolving visual variants for UI components with full type safety. It generates CSS class strings from typed variant definitions, enabling compile-time validation of component usage by deriving the union of all variant prop types from a configuration object.

The library distinguishes itself through compound variant matching, which activates styles only when multiple independent variant conditions are simultaneously satisfied, merging their class names. It also provides default value propagation to ensure consistent rendering when no explicit varian
- [imleonova/tailwind-init-cli](https://awesome-repositories.com/repository/imleonova-tailwind-init-cli.md) (19 ⭐) — 🚀✨ Tailwind-Init CLI is your ultimate 🌈 one-command setup for Tailwind CSS in Angular, React, or Next.js! 🎯 Installs dependencies 📦, sets PostCSS ⚡, and prepends CSS 🎨 automatically. Type tailwind-init --react 🖥️, --nextjs 🌐, or default Angular 🔥. #Fast #Fun #Productivity 💥💚💛💜
- [rogden/tailwind-config-viewer](https://awesome-repositories.com/repository/rogden-tailwind-config-viewer.md) (2,214 ⭐) — A local UI tool for visualizing your Tailwind CSS configuration file.
- [primer/css](https://awesome-repositories.com/repository/primer-css.md) (12,978 ⭐) — This project is a CSS design system framework and modular library providing a standardized set of UI component stylesheets. It establishes a unified system of visual guidelines to ensure a consistent and professional look and feel across web interfaces.

The framework is organized as a collection of standalone stylesheets that can be imported individually to minimize bundle size and eliminate unused styles. It utilizes a design token system based on CSS variables to manage theming and a utility-first class system for layout and spacing.

The system employs a block element modifier naming conve
- [vercel/next.js](https://awesome-repositories.com/repository/vercel-next-js.md) (140,051 ⭐) — Next.js is a web development framework that provides a file-system-based routing system and a suite of server-side utilities for managing the request-response cycle. It includes built-in support for data fetching, caching, and revalidation, allowing developers to control how content is rendered and served. The framework offers a centralized configuration system for build-time settings, environment variables, and deployment adapters, alongside a command-line interface for bootstrapping new projects.

The framework covers a wide range of application requirements, including metadata management fo
- [dcastil/tailwind-merge](https://awesome-repositories.com/repository/dcastil-tailwind-merge.md) (5,648 ⭐) — tailwind-merge is a utility library that resolves conflicting Tailwind CSS class strings when combining multiple sets of classes. It automatically detects and removes conflicting utility classes, keeping only the last class from each group that modifies the same CSS property, while preserving non-conflicting and non-Tailwind classes unchanged.

The library handles complex conflict scenarios including modifier-order resolution, arbitrary value type detection, postfix modifier semantics, and asymmetric conflicts where one class group removes preceding classes from other groups but not vice versa
- [blackrockdigital/startbootstrap](https://awesome-repositories.com/repository/blackrockdigital-startbootstrap.md) (7,160 ⭐) — This project is a Bootstrap theme library providing a collection of pre-designed frontend templates and layouts. It functions as a set of frontend UI kits and responsive website templates built specifically with the Bootstrap CSS framework.

The library focuses on responsive web design and frontend layout prototyping. It includes specialized themes for creating web dashboards, blogs, and portfolios.

The technical implementation utilizes responsive grid layouts, component-based templates, and utility-first class architecture to standardize typography and spacing across different screen sizes.
- [a-h/templ](https://awesome-repositories.com/repository/a-h-templ.md) (10,358 ⭐) — Templ is a type-safe HTML templating engine and UI framework for Go. It provides a system for building reusable HTML components that compile into Go code for server-side rendering, ensuring type safety and compile-time validation of data and logic.

The project features a dedicated language server that provides autocomplete and syntax validation for template files within supported code editors. It employs compile-time code generation to transform a custom template language into Go source code, enabling the creation of modular HTML fragments and logic blocks.

The framework includes automated s
- [pascalbaljetmedia/laravel-form-components](https://awesome-repositories.com/repository/pascalbaljetmedia-laravel-form-components.md) (813 ⭐) — A set of Blade components to rapidly build forms with Tailwind CSS v1, Tailwind CSS v2, Bootstrap 4 and Bootstrap 5. Supports validation, model binding, default values, translations, includes default vendor styling and fully customizable!
- [shadcn-ui/ui](https://awesome-repositories.com/repository/shadcn-ui-ui.md) (116,724 ⭐) — shadcn/ui offers a collection of React UI components and a CLI-driven registry system for direct source code integration.
- [rombohq/tailwindcss-motion](https://awesome-repositories.com/repository/rombohq-tailwindcss-motion.md) (3,295 ⭐) — This project is a Tailwind CSS animation library and accessibility-aware motion framework. It provides a collection of utility classes for adding high-performance keyframe animations and motion effects to web projects, while automatically respecting user-defined reduced motion preferences.

The system includes a browser-based animation designer for creating and exporting custom presets as CSS styles or utility classes. It also functions as a scroll-triggered animation framework, enabling entrance and exit transitions that execute as elements enter the viewport, including support for staggered
- [tachyons-css/tachyons](https://awesome-repositories.com/repository/tachyons-css-tachyons.md) (11,711 ⭐) — Tachyons is a utility-first CSS framework and functional CSS library. It provides a collection of single-purpose classes used to style elements and build layouts without writing custom CSS.

The framework centers on a mobile-first responsive design system and a nestable grid architecture that adapts layouts across different screen sizes. It includes accessible color palettes and schemes designed to meet visual contrast and accessibility standards.

The system provides tools for utility-first styling, responsive layout management, and visual debugging to resolve alignment and spacing issues.
- [andreypopp/react-css-components](https://awesome-repositories.com/repository/andreypopp-react-css-components.md) (0 ⭐)
- [twbs/bootstrap](https://awesome-repositories.com/repository/twbs-bootstrap.md) (174,380 ⭐) — Bootstrap is a comprehensive, mobile-first CSS framework designed for building responsive web interfaces. It provides a standardized library of reusable UI components, such as navigation bars, modals, and forms, alongside a robust grid system that ensures consistent layout alignment across diverse viewport sizes. By establishing a baseline through browser normalization and standardized typography, the project enables developers to create accessible, cross-browser compatible web applications.

The framework distinguishes itself through a modular Sass-based architecture that allows for deep cust
- [htmlstreamofficial/preline](https://awesome-repositories.com/repository/htmlstreamofficial-preline.md) (6,343 ⭐) — Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
- [oovm/tailwind-rs](https://awesome-repositories.com/repository/oovm-tailwind-rs.md) (0 ⭐) — Tailwind RS
- [picturepan2/spectre](https://awesome-repositories.com/repository/picturepan2-spectre.md) (11,317 ⭐) — Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development.

The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems.

The project covers a wide range of layout and interface ca
- [uiverse-io/galaxy](https://awesome-repositories.com/repository/uiverse-io-galaxy.md) (9,762 ⭐) — Galaxy is a curated CSS UI component library and visual design gallery. It serves as a front-end code snippet manager and a searchable repository of community-sourced HTML and CSS assets.

The project provides tools for UI component discovery and design prototyping, allowing users to browse an archive of interface elements and layout patterns. It includes a code export mechanism for copying markup and styling directly into external development workflows.

The system supports responsive web design through flexible grid layouts and interface elements that adapt to different screen sizes. A JSON-
- [leptos-rs/leptos](https://awesome-repositories.com/repository/leptos-rs-leptos.md) (20,993 ⭐) — Leptos is a full-stack Rust web framework designed for building reactive applications that share logic and types between the server and the browser. It provides a comprehensive toolkit for developing web interfaces where specific DOM nodes update automatically in response to changes in underlying reactive signals, rather than re-rendering entire component trees.

The framework distinguishes itself through a fine-grained reactivity model that tracks dependencies at the individual data point level. It utilizes compile-time template transformation to convert declarative HTML-like syntax into opti
- [angular/angular](https://awesome-repositories.com/repository/angular-angular.md) (100,360 ⭐) — Angular is a platform for building web applications using a component-based architecture. It provides a comprehensive suite of tools for managing encapsulated UI units, including hierarchical dependency injection, a declarative template system, and fine-grained reactivity through signals. The framework supports complex application requirements such as client-side routing, form management, and internationalization.

The project includes a command-line interface for scaffolding and build automation, alongside a testing ecosystem for unit and integration verification. It offers multiple rendering
- [gsharath/react-component-library-vite](https://awesome-repositories.com/repository/gsharath-react-component-library-vite.md) (6 ⭐) — This template provides a minimal setup to create a library in React using Vite. - This uses styledcomponents for styling - It uses javascript. Typescript also can be configured easily by adding relevant libraries.