awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com

Tailwind CSS component library

Ranking updated Jun 30, 2026

For a collection of pre-built Tailwind CSS components, the strongest matches are shadcn/ui (shadcn/ui is a widely-used collection of accessible, pre-built UI), tremorlabs/tremor-npm (Tremor is a React component library built with Tailwind) and creativetimofficial/tailwind-starter-kit (Tailwind Starter Kit is a copy-paste UI component library). hunvreus/basecoat and unovue/shadcn-vue round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.

We curate open-source GitHub repositories matching “tailwind css components library”. Results are ranked by relevance to your query — pick filters below to narrow, or refine with AI.

Tailwind CSS component library

Find the best repos with AI.We'll search the best matching repositories with AI.
  • shadcn/uishadcn avatar

    shadcn/ui

    116,798View on GitHub↗

    This project is a collection of accessible user interface components designed for full developer ownership. It functions as a copy-paste UI framework and headless component kit, providing the logic and structure for interface elements without relying on traditional versioned library dependencies. The system distributes source code directly to the user, allowing for the creation of a custom component library. It utilizes a distribution method where components are copied into the codebase, ensuring that the visual and functional implementation remains under the developer's control. The toolkit

    shadcn/ui is a widely-used collection of accessible, pre-built UI components styled with Tailwind CSS, offering customizable themes and responsive design, though it is built for React rather than being fully framework-agnostic.

    TypeScriptUtility-First StylingAccessible Component LibrariesFramework Agnostic UI Logic
    View on GitHub↗116,798
  • tremorlabs/tremor-npmtremorlabs avatar

    tremorlabs/tremor-npm

    16,461View on GitHub↗

    Tremor is a React component library designed for building analytical dashboards and data-driven web interfaces. It provides a collection of modular UI elements and pre-styled charts that allow developers to render complex datasets into clear visual summaries. The library functions as a utility-first UI kit that integrates with styling frameworks to ensure consistent design across dashboard layouts. By utilizing a declarative composition model, it enables the assembly of interfaces through reusable layout containers and property-driven visual configuration, decoupling raw data processing from

    Tremor is a React component library built with Tailwind CSS for constructing analytical dashboards, offering pre-styled UI elements and charts that match your need for reusable Tailwind-styled components, though its dashboard focus makes it narrower than a general-purpose library.

    TypeScriptUtility-First CSSUtility-First Styling
    View on GitHub↗16,461
  • creativetimofficial/tailwind-starter-kitcreativetimofficial avatar

    creativetimofficial/tailwind-starter-kit

    6,078View on GitHub↗

    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

    Tailwind Starter Kit is a copy-paste UI component library built with Tailwind CSS, delivering pre-built reusable blocks across React, Vue, Angular, and plain HTML for framework-agnostic, responsive layouts — a straightforward resource, though accessibility support is not explicitly highlighted.

    HTMLUtility-First CSSUI Kits
    View on GitHub↗6,078
  • hunvreus/basecoathunvreus avatar

    hunvreus/basecoat

    3,653View on GitHub↗

    Basecoat is a zero-runtime UI library and themable interface framework consisting of a set of accessible web components. It provides a collection of pre-styled interface elements and utility classes designed to function as static assets without requiring a dedicated JavaScript framework runtime. The project features a dedicated UI component scaffolder, providing a command line interface to automate the generation of project folder structures and the installation of component templates. Visual styles are managed through a system of CSS variables and utility classes, allowing for global theme a

    Basecoat is a Tailwind CSS component library delivering pre-styled, accessible web components with a CLI scaffolder and CSS‑variable theming—exactly the reusable UI toolkit you’re looking for, covering customization, accessibility, and framework‑agnostic use.

    JavaScriptAccessible Component Libraries
    View on GitHub↗3,653
  • unovue/shadcn-vueunovue avatar

    unovue/shadcn-vue

    9,425View on GitHub↗

    shadcn-vue is an accessible design system framework and UI component library for Vue applications. It provides a collection of accessible, unstyled interface elements and pre-designed building blocks styled with Tailwind CSS, all of which are built on top of Radix Vue primitives. The project utilizes a command line interface to install specific components and themes directly into a local project directory rather than as pre-compiled dependencies. This distribution model allows users to own and modify the source code locally to create a custom design language. The library covers a broad range

    shadcn-vue is a Tailwind CSS UI component library for Vue that provides pre-built, accessible, and themeable components installed directly into your project—it fits this search well, though it is Vue-specific rather than framework-agnostic.

    TypeScriptTheme Style CustomizationsUtility-First CSS
    View on GitHub↗9,425
  • steven-tey/precedentsteven-tey avatar

    steven-tey/precedent

    5,098View on GitHub↗

    Precedent is a Next.js application starter and component library providing a foundational set of pre-configured tools and primitives for building production-ready web interfaces. It serves as a toolkit for bootstrapping applications with integrated authentication, analytics, and a collection of opinionated UI components. The project distinguishes itself through a Tailwind CSS UI kit that combines accessibility primitives and motion libraries to create polished interfaces. It includes a server-side image generator for programmatically creating dynamic social sharing images and preview visuals

    Precedent is a Next.js starter that bundles a Tailwind CSS UI component library with accessible, pre-styled components, directly matching the request for a reusable collection of Tailwind components, though it is tied to Next.js rather than being framework-agnostic.

    TypeScriptUtility-First StylingUI Kits
    View on GitHub↗5,098
  • saadeghi/daisyuisaadeghi avatar

    saadeghi/daisyui

    41,125View on GitHub↗

    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

    saadeghi/daisyui is a well-known Tailwind CSS component library that provides a comprehensive suite of pre-styled, reusable UI elements with configurable theming and responsive design, making it a strong fit for your search.

    SvelteUI Component LibrariesButtonsDesign Systems
    View on GitHub↗41,125
  • gluestack/gluestack-uigluestack avatar

    gluestack/gluestack-ui

    4,931View on GitHub↗

    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-ui is a React and React Native component library built with Tailwind CSS, offering over 30 pre-built accessible components that you can copy-paste for full customization — it fits the search for a Tailwind CSS component library, though it is focused on React rather than being framework-agnostic.

    TypeScriptDesign TokensUtility-First CSSDesign Token Theming
    View on GitHub↗4,931
  • nuxt/uinuxt avatar

    nuxt/ui

    6,675View on GitHub↗

    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 production-ready Vue component library built on Tailwind CSS, offering over 125 WAI-ARIA compliant components with full theming and customization, but it is tightly coupled to the Nuxt ecosystem rather than being framework-agnostic as desired.

    VueColor PalettesTheme Token Definitions
    View on GitHub↗6,675
  • shadcn-ui/uishadcn-ui avatar

    shadcn-ui/ui

    116,724View on GitHub↗

    shadcn/ui offers a collection of React UI components and a CLI-driven registry system for direct source code integration.

    shadcn/ui is a collection of pre-styled React UI components built with Tailwind CSS and Radix, providing source-code-level customization and accessibility out of the box — exactly the kind of reusable component library you’re looking for, though it focuses on React rather than being framework-agnostic.

    TypeScriptData TablesAssistant Skill IntegrationsButton Groups
    View on GitHub↗116,724
  • mertjf/tailblocksmertJF avatar

    mertJF/tailblocks

    8,903View on GitHub↗

    Tailblocks is a collection of ready-to-use, responsive HTML blocks styled entirely with Tailwind CSS utility classes. It functions as a copy-paste component library that delivers static HTML snippets requiring no runtime library, framework, or build process to function in a project. The project distinguishes itself by offering client-side theme toggling between light and dark modes, along with a color palette picker that lets users swap Tailwind color tokens on each block before copying the code. This enables rapid prototyping by allowing developers to customize block appearance and extract f

    Tailblocks is a copy-paste collection of responsive HTML blocks built entirely with Tailwind CSS utility classes, complete with a color palette picker and light/dark mode toggling — directly serving the need for reusable, pre-styled UI components, though accessibility support isn't mentioned.

    JavaScriptCopy-Paste UI FrameworksColor Palette PickersData-Attribute Dark Mode Toggles
    View on GitHub↗8,903
  • creativetimofficial/material-tailwindcreativetimofficial avatar

    creativetimofficial/material-tailwind

    4,359View on GitHub↗

    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

    Material Tailwind is a component library that provides pre-built UI components styled with Tailwind CSS following Material Design principles, making it a good fit, though it is currently React-specific rather than framework-agnostic.

    TypeScriptMaterial Design SystemsAvatar ComponentsBadge Components
    View on GitHub↗4,359
Compare the top 10 at a glance
RepositoryStarsLanguageLicenseLast push
shadcn/ui116.8KTypeScriptMITJun 17, 2026
tremorlabs/tremor-npm16.5KTypeScriptapache-2.0Jan 13, 2025
creativetimofficial/tailwind-starter-kit6.1KHTMLMITJan 8, 2025
hunvreus/basecoat3.7KJavaScriptmitFeb 5, 2026
unovue/shadcn-vue9.4KTypeScriptmitFeb 19, 2026
steven-tey/precedent5.1KTypeScriptMITOct 2, 2024
saadeghi/daisyui41.1KSvelteMITJun 15, 2026
gluestack/gluestack-ui4.9KTypeScript—Feb 20, 2026
nuxt/ui6.7KVueMITJun 23, 2026
shadcn-ui/ui116.7KTypeScriptMITJun 16, 2026

Related searches

  • Tailwind CSS components
  • a library of UI components for React
  • a component library for Vue 3 applications
  • a utility-first CSS plugin ecosystem for Tailwind
  • a UI component library for SvelteKit projects
  • a collection of components for SwiftUI development
  • an accessible React component library for UI
  • a library of components for Chakra UI