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.
16 repositories · updated October 12, 2026
onur.dev: A Personal Website for Writing and Bookmarks
onur.dev is a Next.js personal website for publishing writing, presenting a professional journey, and sharing bookmarks. It combines Contentful and Raindrop content with a Tailwind CSS interface, and is a useful starting point for a content-rich personal site.
QuietHealth 21/100
Badget: Manage Household Finances with AI-Assisted Insights
Badget is a web app for households to track accounts, transactions, budgets, and financial goals in one place. It combines shared household access with AI-oriented analysis and budgeting features, and is intended for teams comfortable configuring a full-stack application.
InactiveHealth 17/100
shadcn-landing-page: Build a Responsive Next.js Landing Page
A TypeScript landing-page template built with Next.js, shadcn/ui, and Tailwind CSS. It gives developers a responsive starting point with common marketing sections, navigation, and dark mode that can be adapted for a product or service site.
InactiveHealth 17/100
chat-ui: Build a Web Interface for OpenAI-Compatible LLMs
Chat UI is a SvelteKit application for chatting with models through OpenAI-compatible APIs. It powers HuggingChat and can be self-hosted with a compatible model service, optional MongoDB, and configurable tools.
ActiveHealth 70/100
motion-primitives: Add Animated UI Components to Web Interfaces
Motion-Primitives is a TypeScript UI kit of customizable animated components built with Motion and Tailwind CSS. It helps engineers and designers add polished motion to web interfaces, with new components and significant code changes expected while the project is in beta.
MaintainedHealth 30/100
cv: Build a Minimalist, Print-Friendly CV Website
A TypeScript and Next.js web app for presenting a clean, print-friendly CV. Edit one resume data file to personalize the page, then run it locally or deploy it as a website.
QuietHealth 26/100
typebot.io: Build and Embed Visual Chatbots
Typebot is a visual chatbot builder for creating conversational flows and embedding them in web or mobile apps. It suits teams that want integrations and response analytics, with the option to self-host.
ActiveHealth 52/100
fancy: Add Animated React Components and Microinteractions
Fancy Components is a free, MIT-licensed library of animated React components and microinteractions for adding motion and personality to web interfaces. It may suit frontend developers who want ready-made animated UI elements, but recent maintenance is quiet and development is concentrated in one contributor.
QuietHealth 21/100
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.
QuietHealth 33/100
bewcloud: Self-Host a Personal Cloud Workspace
bewCloud is a self-hosted cloud app built with Deno for people seeking an alternative to Nextcloud or ownCloud. It provides file storage and optional calendar, contacts, and task services, with Docker Compose deployment.
ActiveHealth 54/100
circle: Track Issues, Projects, and Teams in a Linear-Inspired UI
Circle is a responsive project management interface inspired by Linear, built with Next.js and shadcn/ui. It gives teams a starting point for tracking issues, projects, and teams in a modern web app.
ActiveHealth 31/100
hextra: Build Documentation and Static Websites with Hugo
Hextra is a responsive Hugo theme for documentation, blogs, and other static websites. It suits teams and individuals who want built-in search, navigation, and content features without adding Node.js to their site workflow.
ActiveHealth 54/100