Awesome Tailwind CSS

A curated list of 267 awesome things related to Tailwind CSS

Latest Resources

Motion Primitives

React motion components built with Tailwind CSS and Framer Motion.

🧩 Components

→ View on GitHub

InclusiveColors

Create fine-tuned WCAG accessible Tailwind CSS color palettes.

🎨 Color-related
🌍 Accessible online
🔧 Generator

→ View on GitHub

tailwindcss-px-to-viewport

Adds utilities to automatically convert px to vw / vh.

💼 Utilities

→ View on GitHub

Editor support for VS2022

IntelliSense, linting, sorting, and more in Visual Studio 2022.

→ View on GitHub

Rebuilding Netlify

Rebuilding Netlify with Tailwind CSS.

🎬 Video Tutorial

→ View on GitHub

Vite + React + Tailwind Starter

Boilerplate using Vite, React and Tailwind CSS.

🚀 Cloneable

→ View on GitHub

Random Resources

Tailwind CSS Colors

Cheat sheet for Tailwind CSS colors.

🎨 Color-related
🌍 Accessible online
🔧 Generator

→ View on GitHub

Scrollbar Hide

Adds scrollbar-hide class for visual hide scrollbar.

💼 Utilities

→ View on GitHub

Myna UI

Open source UI Components and Marketing Elements made with Tailwind CSS.

🧩 Components

→ View on GitHub

Tailwind CSS with CSS-in-JS

How to use Tailwind CSS with CSS-in-JS.

🔧 Setup Tutorial

→ View on GitHub

Laravel Front-end Preset

Front-end preset using Tailwind CSS for Laravel.

📟 Command line tool/generator
💼 Package

→ View on GitHub

Alfred Workflow

Fast Tailwind CSS documentation search application.

💼 Plugins/Tools/Extensions

→ View on GitHub