Tailwind CSS Open Source Projects
Tailwind CSS is a utility-first CSS framework for styling web interfaces directly in markup. Its small, composable classes cover layout, spacing, color, typography, and responsive states, helping developers build consistent designs without writing extensive custom stylesheets. It also supports design systems through configurable theme values and reusable patterns, making interface changes easier to apply across a site or application.
Open source tools in this area include component libraries, templates, design systems, plugins, and starter kits. When choosing one, check its license, maintenance activity, framework and build-tool requirements, accessibility practices, and compatibility with your existing styles and conventions. These resources can help frontend developers, designers, and teams prototype faster, establish consistent interfaces, or adapt a shared foundation to a particular project.
12 repositories · updated October 3, 2026
AI Chat: A Modern Laravel Starter Kit for Real-time AI Applications
AI Chat is a robust Laravel starter kit designed for building modern AI-powered chat applications. It features real-time streaming responses using the Prism PHP SDK, integrated with Inertia.js, Vue.js, and TailwindCSS, providing a solid foundation for dynamic user experiences. This kit enables developers to quickly launch AI chat solutions with a scalable backend and comprehensive features.
shadcn-landing-page: A Modern Next.js Landing Page Template with Shadcn UI
The shadcn-landing-page repository offers a modern, responsive landing page template built with Next.js, Shadcn UI, TypeScript, and Tailwind CSS. It provides an easy-to-use foundation for web projects, featuring a comprehensive set of pre-built sections and essential functionalities like dark mode. This project is a Next.js conversion of the popular Shadcn-Vue landing page.
fumadocs: The Beautiful and Flexible React.js Documentation Framework
fumadocs is a modern and highly flexible React.js framework designed for building stunning documentation websites. It offers official support for popular environments like Next.js and Vite, making it a versatile choice for developers. With its focus on beauty and adaptability, fumadocs streamlines the process of creating comprehensive and user-friendly documentation.
Tremor NPM: React Components for Building Charts and Dashboards
Tremor NPM provides a comprehensive collection of over 20 open-source React components, meticulously crafted on top of Tailwind CSS, to simplify the process of visualizing data. It empowers developers to effortlessly build stunning charts and interactive dashboards, making complex data accessible and engaging. This library is an excellent choice for creating analytical interfaces with a strong emphasis on modern design and user experience.
Motion-Primitives: Build Beautiful, Animated UI Interfaces Faster
Motion-Primitives is an open-source UI kit designed to help developers and designers create beautiful, animated interfaces with speed and ease. It leverages Framer Motion and Tailwind CSS to provide a collection of customizable components. This project aims to simplify the development of engaging user experiences with pre-built motion primitives.
cv: A Print-Friendly, Minimalist CV Page Built with Next.js and TypeScript
The `cv` repository by Bartosz Jarocki offers a clean and modern web application for rendering a minimalist, print-friendly CV or resume. Built with Next.js 14 and TypeScript, it emphasizes a professional layout and optimized performance. Users can easily customize all resume data through a single configuration file, making it simple to maintain and update.
Fancy: Animated React Components for Engaging UIs
Fancy is an open-source library offering a growing collection of animated React components and microinteractions. It aims to make web interfaces more engaging and fun for users. Built with TypeScript and leveraging Framer Motion, Fancy provides ready-to-use UI elements for modern web development.
headlessui: Build Accessible, Unstyled UI Components
Headless UI provides unstyled, accessible components for React and Vue, designed to work with Tailwind CSS. It suits teams that want interaction and accessibility behavior without adopting a predesigned visual style.
Hextra: Modern Hugo Theme for Beautiful Doc, Blog, and Static Websites
Hextra is a modern, feature-rich Hugo theme designed for creating beautiful documentation, blog, and static websites. Inspired by Nextra, it leverages Tailwind CSS for a sleek, responsive design that includes dark mode support. This theme offers a fast, lightweight experience with built-in full-text search and extensive content capabilities.
react-antd-low-code: A Simple React Low-Code Platform
Discover react-antd-low-code, a straightforward React low-code platform designed for efficient development. This project leverages Ant Design, Next.js, and Tailwind CSS to provide a robust foundation for building applications quickly. It offers a simplified approach to creating React-based interfaces.
21st: Discover, Publish, and Install React UI Components with Tailwind CSS
21st.dev is an open-source community registry for React UI components, inspired by shadcn/ui. It provides a platform for developers to publish, discover, and install minimal, modern, and reusable components built with Tailwind CSS and Radix UI. This project aims to make building UIs faster, easier, and more enjoyable for everyone.
Tailwind CSS: A Utility-First CSS Framework for Rapid UI Development
Tailwind CSS is a highly popular utility-first CSS framework developed by Tailwind Labs, designed to accelerate UI development. With over 90,000 stars on GitHub, it empowers developers to build custom user interfaces quickly by composing pre-defined utility classes directly in their HTML.