tailwind
Laravel blade components for Livewire 3.
Gorgeous Laravel blade components made for Livewire 3 and styled around daisyUI + Tailwind.
UI Components and Blocks Built with Tailwind CSS.
Discover a curated collection of over 100 handcrafted UI components made with Tailwind CSS, React, and shadcn/ui. Designed for seamless integration, these components combine aesthetic precision with developer-friendly flexibility to help you build beautiful, production-ready interfaces faster.
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
Related contents:
A free React landing page template designed to showcase open source projects, SaaS products, online services, and more. Open is a free React landing page template built with Tailwind CSS for developers/makers who want to create a quick and professional landing page for their open source projects, SaaS products, online services, and more.
Unstyled, fully accessible UI components.
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
A fast, composable, unstyled emoji picker made with Tailwind & React.
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:
One line of code. Thousands of classes. No Build Step.
Litewind is a stripped back version of Tailwind - the popular utility-first CSS framework, that can be added to your site or app with a single line of code (as opposed to the usual setup steps that Tailwind requires).
Related contents:
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.
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.
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.
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.
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.
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.
Beautifully designed components built with Radix UI and Tailwind CSS. Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.
Related contents:
Create Stunning Layouts with Ease using TailSurge. A layout generator to easily create the code for Tailwind CSS.
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:
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.
Quickly build HTML emails with utility-first CSS.
Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS and advanced, email-specific post-processing.
A comprehensive Tailwind CSS cheat sheet to instantly find all utility classes and their CSS properties in one place.
Beautiful map components. 100% Free, Zero config, one command setup.
Ready to use, customizable map components for React. Built on MapLibre. Styled with Tailwind.
Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.
A plugin for Tailwind CSS to add highlights to your text.
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.
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:
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.
ALL stack describes applications with a preference for the following components:
- Tailwind
- Alpine
- Laravel
- Livewire
Starter theme WordPress with Tailwind CSS and Vite JS.
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.
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.
Remix and Tailwind CSS simple page block editor.
Figma to React Converter.
Transform your Figma designs into production-ready React components with Tailwind CSS automatically.
Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework for rapid UI development.
Related contents:
Livewire UI kit. The official Livewire component library.
Built by the folks behind Livewire and Alpine.
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.
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.
Collection of animation snippets made for TailwindCSS.
Free dashboard templates built with Tailwind CSS and Alpine.js
Beautiful UI components for AI tool calls.
Responsive, accessible, typed, copy-pasteable. Built on Tailwind, Radix, and shadcn/ui. Open Source.
Build better responsive designs in less code.
Scale utilities smoothly between breakpoints with CSS clamp().
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.
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.
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.
Add a mouse-tracing glow effect to React components.
Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.
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.
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.
Motion animations as Tailwind classes.
Write Motion animations as Tailwind-like classes. Zero imports, zero boilerplate, zero runtime overhead. Write Framer Motion animations as Tailwind-style utility classes – Motionwind transforms animate-* classes into motion props at build time with zero imports and zero boilerplate. Motion animations as Tailwind classes. A Babel plugin that transforms animate-hover:scale-110 into whileHover={{ scale: 1.1 }} at build time. Zero imports, zero boilerplate.
Related contents:
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:
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.
Collection of modern, background snippets. Ready to use, simply copy and paste it into your next project. All snippets are crafted with Tailwind CSS.
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.
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.
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: