For tailwindcss designs, the strongest matches are skeletonlabs/skeleton (Skeleton is a comprehensive Tailwind CSS design system and), ariakit/ariakit (Ariakit is an accessible headless UI component library that) and gluestack/gluestack-ui (gluestack/gluestack-ui is a universal React component library built with). heroui-inc/heroui and tailwindlabs/headlessui round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.
Hand-picked Tailwind CSS component libraries ranked by stars, features, and activity. Compare the top open-source design systems and find the best fit.
Skeleton is a design system and accessible UI component library built on Tailwind CSS. It provides a collection of pre-built interactive components with built-in accessibility and state management, alongside a CSS custom properties theme engine that enables runtime theme switching and dark mode support. The project distinguishes itself through its adaptive design system approach, using CSS custom properties to create themeable tokens that integrate directly with Tailwind's utility-first framework. This allows developers to build visual design systems with customizable colors, fonts, and aesth
Skeleton is a comprehensive Tailwind CSS design system and accessible component library that delivers pre-built interactive elements, dark mode support, and a robust theme customization engine.
Ariakit is a headless component library and accessible UI component toolkit. It provides a set of unstyled web components with built-in accessibility patterns to ensure that screen readers and keyboard navigation function correctly. The project includes an adaptive color engine that calculates high-contrast text and dynamic surface colors for light and dark modes. It also features a concentric layout engine for computing nested padding, margins, and border radii for circular interface elements, alongside a design token system for managing global CSS variables. The toolkit covers broad capabi
Ariakit is an accessible headless UI component library that integrates with Tailwind CSS and provides foundational interactive primitives, though it is primarily focused on unstyled behavior rather than pre-built visual templates.
gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve
gluestack/gluestack-ui is a universal React component library built with Tailwind CSS that offers pre-built, accessible, and fully customizable UI components suited for this design system workflow.
HeroUI is a declarative toolkit for building accessible user interfaces through modular, React-based component composition. It provides a comprehensive set of reusable building blocks designed to standardize visual language and interaction patterns across web and mobile applications. The library distinguishes itself through an integrated approach to accessibility and styling. It automatically manages state and keyboard interactions by injecting appropriate attributes, while utilizing a utility-driven styling architecture to enforce design system consistency. Developers can leverage polymorphi
HeroUI is a React-based component library built on top of Tailwind CSS that provides accessible, customizable UI components and design system foundations, though its primary framework integration is React rather than a framework-agnostic Tailwind collection.
Headless UI is a headless component library and accessible UI component kit that provides logic-only interface elements. It functions as a state-driven UI framework designed to provide functionality without prescribing any specific visual styles. The library is specifically designed for integration with Tailwind CSS, enabling the implementation of custom design systems. It allows users to apply visual styles to components based on whether they are active, selected, or open. The project covers the development of accessible UI components that meet ARIA standards and include built-in keyboard n
Headless UI provides unstyled, accessible component logic tailored for Tailwind CSS integrations, though you will need to add your own visual styling since it omits pre-built designs.
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
This library provides pre-built, responsive Tailwind CSS components with a built-in customization system, dark mode support, and interactive elements that integrate smoothly into front-end workflows.
This project is a collection of pre-built, reusable interface components designed for web applications that utilize StimulusJS and TailwindCSS. It functions as a frontend interaction framework, providing a set of standard UI elements that manage state and user behavior through declarative controller patterns. The library distinguishes itself by integrating utility-first styling with accessible component authoring. It leverages HTML attributes to bind JavaScript logic directly to DOM elements, enabling developers to implement complex interactions like modals, dropdowns, and tabbed content with
This project provides a collection of pre-built UI components and interactive elements styled with Tailwind CSS, though its tight coupling to StimulusJS makes it more specialized than a general-purpose design system.
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
This repository provides a modular collection of pre-built UI components and a design system specifically built with Tailwind CSS for Vue applications, making it a strong fit for your stack despite some missing feature details.
Nuxt UI is a comprehensive Vue component library built for the Nuxt ecosystem, providing over 125 production-ready, WAI-ARIA compliant components for building modern web applications. The library offers a complete design system with Tailwind CSS theming, supporting dark mode, custom color palettes, semantic color aliases, and runtime theme switching through CSS design tokens. It includes built-in internationalization for over 50 languages, server-side rendering compatibility, and a Figma kit that mirrors the code components for design-to-development consistency. The library distinguishes itse
Nuxt UI is a Tailwind CSS-powered component library for Vue and Nuxt that delivers pre-built, accessible elements with dark mode support and full customization, missing only general framework-agnostic integration since it is tied specifically to the Nuxt ecosystem.
This project is a React-based dashboard template and component library designed for building internal management tools and administrative interfaces. It provides a structured foundation for developers to construct complex data-driven applications using a modular, component-based approach. The template distinguishes itself through built-in support for internationalized user interfaces, including automatic layout mirroring for right-to-left languages. It also features a centralized command-palette interface for navigation and global search, alongside native support for toggling between light an
This project is a React-based admin template and component collection built with Tailwind styling, providing pre-built dashboard elements, dark mode, and responsive layouts for your application needs.
VechaiUI is an accessible React UI library built on top of utility-first styling principles and unstyled accessible foundations. It provides pre-designed user interface components that use low-level utility classes and compound component composition to share internal state and behavior while maintaining keyboard navigation and screen reader support. The library centers around a context-based theme provider that distributes global color palettes, typography, and design tokens down the component tree. It includes runtime dark mode switching to dynamically toggle between light and dark visual th
Vechai UI provides pre-built, accessible React components styled with Tailwind CSS and built-in dark mode support, though it lacks some of the broader template collections and customization systems of a full design system.
This project is a React UI component library and frontend UI kit designed to provide a collection of pre-styled user interface elements. It serves as a design system framework, offering standardized visual patterns to ensure a cohesive look and feel across different screens. The library focuses on design system implementation and frontend component architecture, allowing for the creation of modern websites and applications. It integrates directly into a React application workflow to accelerate the development of complex web layouts. The system utilizes a component-based abstraction and compo
This project is a React UI component library and design system that provides pre-built components and customization options, though it is built with CSS variables rather than directly utilizing Tailwind CSS as requested.
| Repositorio | Estrellas | Lenguaje | Licencia | Último push |
|---|---|---|---|---|
| skeletonlabs/skeleton | 6K | TypeScript | MIT | |
| ariakit/ariakit | 8.6K | TypeScript | — | |
| gluestack/gluestack-ui | 4.9K | TypeScript | — | |
| heroui-inc/heroui | 29.7K | MDX | Apache-2.0 | |
| tailwindlabs/headlessui | 28.6K | TypeScript | MIT | |
| saadeghi/daisyui | 41.1K | Svelte | MIT | |
| excid3/tailwindcss-stimulus-components | 1.5K | JavaScript | MIT | |
| alfonsobries/vue-tailwind | 2.2K | TypeScript | MIT | |
| nuxt/ui | 6.7K | Vue | MIT | |
| satnaing/shadcn-admin | 11.1K | TypeScript | mit |