tailwind
Use any icon (100,000+) from Iconify, for TailwindCSS.
Block-based Rich Text Editor for React. Rich text, beautifully crafted with shadcn/ui and Tailwind.
A powerful rich text editor built for modern web applications — elegant, performant, and infinitely customizable. Built with React, TypeScript, and thoughtful design.
An opinionated CSS starter kit for your "nobuild" application.
An opinionated CSS starter kit for your Ruby on Rails application. You can think of it like a "no build" Tailwind CSS.
Write React components using CSS only. A new, better and faster way to write visual components. CSS-in-JS? Nope! JS-from-CSS.
Supports Next.js, Remix and TailwindCSS.
Starter theme WordPress with Tailwind CSS and Vite JS.
Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.
Collection of modern, background snippets. Ready to use, simply copy and paste it into your next project. All snippets are crafted with Tailwind CSS.
Tailwind Admin Dashboard Template.
TailAdmin is a free and open-source admin dashboard template built on React and Tailwind CSS, providing developers with everything they need to create a comprehensive, data-driven back-end, dashboard, or admin panel solution for upcoming web projects.
Laravel Blade UI Components for Livewire 3.
Gorgeous Laravel Blade UI Components made for Livewire 3 and styled around daisyUI + Tailwind.
Trendiest Open Source & Free Admin Dashboard Template for React, Chakra UI, Tailwind CSS, TypeScript, JavaScript and NextJS
Tailwind CSS grid generator is a tool that helps developers create custom Tailwind grid layouts more easily. The generator allows users to specify the number of columns, rows, the gutter size, the DIV width (span).
Related contents:
React UI Kit for Custom Web UIs. Highly customizable components for crafting modern, personalized websites and applications.
Collection of highly customizable and accessible React components. Built on top of Tailwind CSS, Radix UI, and themed with Tailus Themer, Tailus UI React is your one-stop shop for building beautiful and functional web user interfaces.
Collection of useful tools and generators for Tailwind to create, design and customize all kind of web components using a graphical editor.
Create Stunning Layouts with Ease using TailSurge. A layout generator to easily create the code for Tailwind CSS.
A UI Library for Modern Web Apps. Nuxt UI simplifies the creation of stunning and responsive web applications with its comprehensive collection of fully styled and customizable UI components designed for Nuxt.
Compile-time Tailwind CSS for React Native with zero runtime overhead. Transform className props to optimized StyleSheet.create() calls at build time.
Collection of animation snippets made for TailwindCSS.
A plugin for Tailwind CSS to add highlights to your text.
Laravel blade components for Livewire 3.
Gorgeous Laravel blade components made for Livewire 3 and styled around daisyUI + Tailwind.
Build your own component library.
Accessible components for Astro and Tailwind CSS. Components are added to your project with the CLI. You own and control the code.
Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework for rapid UI development.
Related contents:
Community-Powered Animation Magic. Get your animations easily done with only Tailwind CSS classes.
Components crafted for Design Engineers. Ready-to-use components for your React apps. Shadcn compatible. Styled with tailwindcss. Copy and paste. Open Source. Typed.
Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. Use this to build your own component library.
A comprehensive Tailwind CSS cheat sheet to instantly find all utility classes and their CSS properties in one place.
The smallest, fastest, most feature complete tailwind-in-js solution in existence
Overview of Tailwind colors
All the Tailwind CSS colors in a handy cheatsheet with hex, hsl and rgb values. You can bookmark this page so you'll never forget any Tailwind color again!
An Alpine & Tailwind UI Library.
Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copy and pasted into any Alpine and Tailwind projects.
Related contents:
Free dashboard templates built with Tailwind CSS and Alpine.js
Tailwind CSS Components. The most popular component library component library for Tailwind CSS.
daisyUI adds component class names to Tailwind CSS so you can make beautiful websites faster than ever.
Remix and Tailwind CSS simple page block editor.
A collection of modern, interactive, customizable UI components built. Quick and easy to use.
Access a collection of free-to-use, standalone components with KokonutUI. Each component is designed with Tailwind CSS, and optional library such has shadcn and Framer Motion.
A versatile set of beautifully styled components for you to use in your next Phoenix project.
Petal is a set of HEEX components that makes it easy for Phoenix developers to build beautiful web apps. Think Bootstrap or MUI, but written in HEEX using Tailwind CSS classes.
Add a mouse-tracing glow effect to React components.
Free Tailwind CSS Admin Dashboard Template.
Free and Open-source Tailwind CSS Dashboard Admin Template that comes with all essential dashboard UI components, pages and elements
The visual website builder for developers. The visual website builder for Next.js & Tailwind.
Build at the speed of no-code. Export a Next.js, Tailwind and Shadcn UI app. Customize without limits.
Modern UI component library for Tailwind CSS. Build your website quickly with Sailboat UI. Sailboat UI is a modern UI component library for Tailwind CSS. Get started with 150+ open source Tailwind CSS components, make it easy to build your products.
Tailwind Utility Generator. No-build Tailwind. Get the CSS utilities you want. Nothing you don't.
Curlwind allows you to generate Tailwind stylesheets on demand to get only the CSS utilities you need. Generated stylesheets are cached indefinitely so your site stays fast.
Tailwind CSS Color Generator
Press spacebar, enter a hexcode or change the HSL values to create a custom color scale.
An adaptive design system for extending Tailwind. A complete design system and component solution, built on Tailwind.
Skeleton is an open source UI toolkit built with Svelte + Tailwind that allows you to create reactive web interfaces using Svelte + Tailwind CSS.
Skeleton integrates with Tailwind to provide an opinionated solutions for themes, colors, typography and more. Including easy to use components for your favorite web frameworks
A framework for building weekend projects with React Server Components, Tailwind, and TypeScript.
Related contents:
Vue & Node admin panel framework.
Create Admin Panels faster on Node.js and Vue.js with AdminForth Framework. Setup main CRUD pages within minutes, extend as you need with Vue3.
MonsterUI is a UI framework for FastHTML for building beautiful web interfaces with minimal code. It combines the simplicity of Python with the power of Tailwind. Perfect for data scientists, ML engineers, and developers who want to quickly turn their Python code into polished web apps without the complexity of traditional UI frameworks. Follows semantic HTML patterns when possible.
Related contents:
A fast, composable, unstyled emoji picker made with Tailwind & React.
Free React and Next.js UI Component Library.
UI component library for React, Next.js, and other JSX frameworks. Built with Tailwind CSS, it makes creating beautiful, interactive and responsive interfaces fast and easy.
Unstyled highly composable components that you can copy/paste in your own codebase. Built with Tailwind CSS and a bit of Framer Motion. Customize them as you want.
Build better responsive designs in less code.
Scale utilities smoothly between breakpoints with CSS clamp().
Create animated animated websites in record time with Starwind UI
Animated, customizable, and accessible components for Astro - built purely with Astro and vanilla JS. Inspired by shadcn/ui with seamless CLI installation.
Beautiful typographic defaults for HTML you don't control.
The official Tailwind CSS Typography plugin provides a set of prose classes you can use to add beautiful typographic defaults to any vanilla HTML you don’t control, like HTML rendered from Markdown, or pulled from a CMS.
Related contents:
React Calendar Component with Tailwind CSS & shadcn/ui
The ultimate full calendar alternative built with TypeScript, Tailwind CSS, and shadcn/ui. A headless React calendar component with drag-and-drop, resource scheduling, and complete customization for Next.js, Astro, and React applications.
Tailwind CSS scroll-edge fading with CSS masks. Elegant, CSS-driven scroll-edge fade masking for Tailwind CSS v4. Zero JavaScript.
Scroll-aware edge fades for Tailwind CSS v4. Mask the edges of any scroll container so content dissolves into its surface. All CSS. Zero JavaScript.
Animation library for Tailwind CSS Library.
tailwindcss-motion is a Tailwind CSS Plugin made at RomboHQ. It’s a simple, yet powerful, animation library with a simple syntax.
The free SaaS template with superpowers
A free, open-source SaaS app starter for React & Node.js with superpowers. Production-ready. Community-driven.
Open-source UI components for React.
Build faster with Wedges. An open-source collection of UI components for React.
Beautiful UI components for React, lovingly crafted with the Wedges Design System, Radix UI, and Tailwind CSS.
v0 is a generative user interface system by Vercel powered by AI. It generates copy-and-paste friendly React code based on shadcn/ui and Tailwind CSS that people can use in their projects.
Beautiful UI components for AI tool calls.
Responsive, accessible, typed, copy-pasteable. Built on Tailwind, Radix, and shadcn/ui. Open Source.
Accessible React components made for you to copy, customize, and own.
Justd is a chill set of React components, built on top of React Aria Components, all about keeping the web accessible. Easy to customize and just copy & paste into your React projects. Plus, it includes Tailwind CSS for sleek styling right out of the box.
Beautiful UI components built with Tailwind CSS and Next.js.
Origin UI is an extensive collection of copy-and-paste components for quickly building app UIs. It's free, open-source, and ready to drop into your projects.