tailwind
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.
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:
Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.
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:
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.
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.
The free SaaS template with superpowers
A free, open-source SaaS app starter for React & Node.js with superpowers. Production-ready. Community-driven.
Beautiful map components. 100% Free, Zero config, one command setup.
Ready to use, customizable map components for React. Built on MapLibre. Styled with Tailwind.
Free dashboard templates built with Tailwind CSS and Alpine.js
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.
Trendiest Open Source & Free Admin Dashboard Template for React, Chakra UI, Tailwind CSS, TypeScript, JavaScript and NextJS
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 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:
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:
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.
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.
Collection of animation snippets made for TailwindCSS.
Livewire UI kit. The official Livewire component library.
Built by the folks behind Livewire and Alpine.
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.
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
Related contents:
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
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:
Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework for rapid UI development.
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 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.
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.
The smallest, fastest, most feature complete tailwind-in-js solution in existence
Add a mouse-tracing glow effect to React components.
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.
A plugin for Tailwind CSS to add highlights to your text.
Tailwind CSS Color Generator
Press spacebar, enter a hexcode or change the HSL values to create a custom color scale.
Compile-time Tailwind CSS for React Native with zero runtime overhead. Transform className props to optimized StyleSheet.create() calls at build time.
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.
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 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:
ALL stack describes applications with a preference for the following components:
- Tailwind
- Alpine
- Laravel
- Livewire
cn is a new engine for Tailwind class merging and conflict resolution. It replaces tailwind-merge and clsx. Same APIs. Full parity. And it is 30× faster.
Community-Powered Animation Magic. Get your animations easily done with only Tailwind CSS classes.
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.
Write design system rules that agents can verify.
An agent-first linter for Tailwind design systems. Write design system rules that agents can verify.
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.
Remix and Tailwind CSS simple page block 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 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.
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.
A fast, composable, unstyled emoji picker made with Tailwind & React.
Open-source Astro website template with sleek, customizable TailwindCSS components.
ScrewFast is an open-source website template built with Astro, Tailwind CSS, and Preline UI. You get a landing page, blog, product pages, and a full documentation site in one repo, so you can launch a complete web presence by editing content and props instead of building pages from scratch. Unlike single-purpose landing or blog themes, it ships with SEO metadata, i18n, security headers, and CI already wired up.
Laravel Blade UI Components for Livewire 3.
Gorgeous Laravel Blade UI Components made for Livewire 3 and styled around daisyUI + Tailwind.
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.
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.
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.
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.
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.