tailwind
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.
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:
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.
A framework for building weekend projects with React Server Components, Tailwind, and TypeScript.
Related contents:
Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.
A modern static portfolio generator built with SvelteKit and Tailwind CSS. Showcase your creative work with elegance and simplicity.
A modern static portfolio generator built with SvelteKit 2 and Tailwind CSS 4 by AKER. Features a file-based content management system using folders and Markdown files. Perfect for designers, artists, architects, and creatives who want to showcase their projects elegantly and professionally.
Related contents:
Prebuilt UI blocks to ship beautiful MVPs fast.
Copy-paste beautiful, responsive components without worrying about styling or animations. Build faster, launch sooner.
MVPBlocks is an open-source component library for developers to copy, customize, and launch MVPs lightning-fast—no installations, just pure productivity.
Community-Powered Animation Magic. Get your animations easily done with only Tailwind CSS classes.
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:
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:
A comprehensive Tailwind CSS cheat sheet to instantly find all utility classes and their CSS properties in one place.
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:
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.
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.
Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework for rapid UI development.
Related contents:
Full-Stack Next.js & TypeScript Toolkit. Ship high-performance ⚡ Next.js apps in minutes.
Build seriously fast, lightweight and end-to-end typesafe Next.js apps. The stack for building seriously fast, lightweight and end-to-end typesafe Next.js apps.
A fast, composable, unstyled emoji picker made with Tailwind & React.
1,900+ Free Tailwind CSS Examples. Community-built Tailwind CSS Components Library.
Let's not stress about website designs. Create Stunning UIs Effortlessly, with Over 1900+ Ready to Use Components.
The NPM for Design Engineers. curated collection of best shadcn ui style react tailwind components, blocks and hooks.
Ship polished UIs faster with React Tailwind components inspired by shadcn/ui. Built by design engineers, for design engineers. One command to install.
21st.dev is an open source community registry of React UI components where anyone can publish minimal Tailwind & Radix UI components and install any component via npx shadcn.
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.
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.
Collection of modern, background snippets. Ready to use, simply copy and paste it into your next project. All snippets are crafted with Tailwind CSS.
Build better responsive designs in less code.
Scale utilities smoothly between breakpoints with CSS clamp().
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.
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
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.
Laravel Blade UI Components for Livewire 3.
Gorgeous Laravel Blade UI Components made for Livewire 3 and styled around daisyUI + Tailwind.
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.
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.
Livewire UI kit. The official Livewire component library.
Built by the folks behind Livewire and Alpine.
Related contents:
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.
Collection of useful tools and generators for Tailwind to create, design and customize all kind of web components using a graphical editor.
Build beautiful animated components. A collection of open-source, customizable motion components built on top of Framer Motion.
Beautifully designed motions components. Easy copy-paste. Customizable. Open Source. Built for engineers and designers.
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 free SaaS template with superpowers
A free, open-source SaaS app starter for React & Node.js with superpowers. Production-ready. Community-driven.
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 websites even faster with components on top of Tailwind CSS
Start developing with an open-source library of over 600+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma.
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.
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.
Tailwind CSS Color Generator
Press spacebar, enter a hexcode or change the HSL values to create a custom color scale.
Admin panel for your Laravel projects. Simple for beginners, limitless for professionals. Using Blade, Alpine.js and Tailwind CSS.
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!
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.
Build unique web UIs. Easy to customize UI ressources built on top of modern frontend tools to make your ideas stand out.
Tailwindcss highly customizable components for building modern websites and applications, with your personnal spark.
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.
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.
Add a mouse-tracing glow effect to React components.
Starter theme WordPress with Tailwind CSS and Vite 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.
Laravel blade components for Livewire 3.
Gorgeous Laravel blade components made for Livewire 3 and styled around daisyUI + Tailwind.
Unstyled, fully accessible UI components.
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Get started with a collection of 437 free and open-source SVG icons compatible with Flowbite and Tailwind CSS based on solid and outline styles with React (JSX) and Figma support.
A set of Blade components for TailwindCSS forms.
Form Components for Laravel provides common form components to help build forms faster using Tailwind CSS. Supports validation, old form values, and wire:model.
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
Related contents:
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.
Trendiest Open Source & Free Admin Dashboard Template for React, Chakra UI, Tailwind CSS, TypeScript, JavaScript and NextJS
A set of 161 elements & layouts made with Tailwind CSS and Alpine.js.
Skillfully designed with an eye for aesthetics, offering an excellent starting point for your upcoming project.