Free & Premium Tailwind CSS Tools and Plugins

Discover a big collection of Tailwind CSS tools, plugins, and boilerplates in Tailkits curated library.

Featured products ✨
Shipixen Next.js Boilerplate

Production-ready Next.js boilerplates with a landing page and blog, complete with own branding, theme, and selected pages.

Launch Fast SaaS Boilerplate

Launch your apps in hours with Astro, Next.js and SvelteKit boilerplates.

Tailwind Studio - Visual React Builder

Visual Tailwind CSS and React Builder

Makerkit - React SaaS Boilerplate

MakerKit is a SaaS boilerplate built with Next.js, Remix, Firebase and Supabase to build unlimited SaaS products in record time.

v0 AI-powered UI Generator

Generate Tailwind UI components in just a few prompts.

Tailwind CSS Animation Examples

60 Free and custom Tailwind CSS Animations

Loopple - Tailwind CSS Website Builder

Loopple is a template and dashboard builder for Tailwind CSS

Chai Builder - Tailwind CSS Page Builder

Chai Builder is a Tailwind CSS website builder to build with a drag-drop builder.

Gust - Tailwind CSS for WordPress

Gust is a WordPress theme for quickly building websites using Tailwind CSS

Alternatives by Shuffle

Create layouts in many styles at once using our drag & drop website builder.

UI Skeleton Library

A free collection of SVG skeleton loader UI elements for Tailwind projects

WindChat - ChatGPT TailwindCSS HTML Previewer

Preview Tailwind CSS codes HTML in ChatGPT

Tailwind CSS Code Generator

Generate Tailwind CSS components using ChatGPT

Tailwind Grid Generator

Tailwind CSS custom grid generator

Tailwind Box Shadow Generator

Generate box shadows for Tailwind CSS

Tailsharing

Tailwind CSS share button generator without JavaScript

Inspect Flow

The complete developer tool for Tailwind CSS

Figma to Tailwind CSS Convert

Convert Figma design to usable Tailwind CSS code

Tailwind CSS Page Builder

Visual code editor for Tailwind CSS from Versoly

ChatGPT Tailwind Components

Generate Tailwind CSS components using ChatGPT

Wave - SAAS Boilerplate

SaaS Starter Kit with features like authentication, subscriptions, invoices, announcements, user profiles, and more

Mailwind

Design HTML email templates using the Tailwind CSS utility classes

Figma to Code

Figma plugin to generate responsive layouts in Tailwind CSS

Tailwind CSS Radix

Tailwind CSS Utilities and variants for styling Radix states

Updrafts

Tailwind CSS landing page builder

Tailwind Color

Copy from Tailwind CSS color palette in HEX

Prettier Plugin

Plugin that automatically sorts classes based on official class order

Eslint Plugin

Prettier alternative for better ordering classnames

Next JS SaaS Boilerplate

Serverless SaaS boilerplate to build scalable and production-ready SaaS products

Tailwind CSS Devtools

All-in-one browser extension for Tailwind CSS Developers

Windstrap

Tailwind CSS meets Bootstrap classes

Tailwind Gradient Designer

Gradient color generator from Tailwind CSS colors

Color Scheme Generator

Custom color scheme generator for Tailwind CSS

Twind
Twind Free

Tailwind CSS compiler without the need for PostCSS

Tailwindo

convert Bootstrap classes into Tailwind CSS

Windframe Landing Page Builder

Visual Tailwind CSS website builder

CSS To Tailwind

Convert a website's styles to Tailwind CSS classes

Tailwind Color Picker

Chrome extension will calculate the closest Tailwind CSS color

Tailsurge

Drag and drop grid layout generator for Tailwind CSS

Tailwind CSS Palette Generator

HSL-tweakable palette generator and API for Tailwind CSS

Tailwindhelper

Multi-tool to convert and visualize Tailwind CSS class properties

Tailwind Color Shades Generator

Create Tailwind CSS color palette-like shades from hex codes

Tailwind Cheat Sheet Extension

Chrome extension to easily access Tailwind's classes

Tailwind CSS - Highlights

A plugin for custom Tailwind CSS to add highlights to text

Supertweak

Chrome extension to inspect, debug and copy Tailwind CSS styles

Style Guide Generator for Tailwind CSS

Style guide generator for Tailwind CSS configuration settings

UI Devtools for Tailwind CSS

The missing browser devtools for Tailwind CSS

Tailwind Ink

Color palette generator for Tailwind CSS

Tailwind Shades

Tailwind CSS color palette generator for VS Code

Tailwind CSS IntelliSense

Tailwind CSS tooling for VS Code: autocomplete, syntax highlighting, and more

Tailwind CSS to CSS

Vanilla Breeze: Convert Tailwind CSS to Semantic CSS

CSS to Tailwind CSS

Convert CSS to TailwindCSS

Tailwind Play

Online code editor for Tailwind CSS

Tailwind CSS Color Generator

Tailwind CSS Color Shades Generator & Editor

Tailus Snippets

VS Code extension to customize Tailwind CSS projects.

Gimli Chrome Extension

A Chrome extension for front-end developers

DevTools for Tailwind

Debug Tailwind CSS sites with the full power of the JIT engine right in your browser.

Tailscan for Tailwind CSS

Developer tool for Tailwind CSS. Build, design, and visually debug your Tailwind website within the browser.

Hypercolor - Gradient Generator

A curated collection of gradients of Tailwind CSS colors

Shuffle Tailwind Editor

Drag & drop website editor for Tailwind CSS with 3,900+ UI components

Windy Chrome Extension

Copy elements from any website as a Tailwind CSS component.

Tails - Tailwind CSS Website Builder

Online editor for Tailwind CSS developers with UI components

Subscribe to newsletter

Get notified about the latest templates, components, inspiration examples and more.