Tailwind Tools

A collection of the best open source, free and paid tools for Tailwind CSS.
Components UI Kit
Versoly UI

Productive Tailwind CSS component library based on Bootstrap

Components Free

An open source collection of UI components built with the utility classes from Tailwind CSS that you can use as a starting point when coding user interfaces and websites.

Chrome Extenstion Paid

Browser extension that transforms any HTML element into a Tailwind CSS component.

Blocks Free

60+ ready-to-use Tailwind CSS blocks.

Blocks Free
Wicked Blocks

A free collection of 120 Tailwind CSS blocks that are fully responsive. Just copy & paste into your Tailwind projects.

Components Free
Meraki UI

Tailwind CSS components that support RTL languages & fully responsive based on flexbox & CSS grid with elegant dark mode.

Cheat Sheet Free
Flowbite Cheat Sheet

View and search for all the Tailwind CSS class names and CSS properties

Blocks Free

Beautifully designed Tailwind CSS UI blocks - view / copy / customize

Components Free

A collection of free Tailwind CSS components that can be used in your next project. With a range of components, you can build your next marketing website, admin dashboard, ecommerce store and much more.

Color Generators Free
Color Shades

Generates Tailwind CSS colors and shades based on hex color.

Color Generators Free

A curated collection of beautiful Tailwind CSS gradients using the full range of Tailwind CSS colors. Easily copy and paste the class names, CSS or even save the gradients as an image.

Components Free

Collection of animation snippets made for TailwindCSS

Color Generators Free
Tailwind Ink

A tool for creating new color shades based on a neural network and trained with the Tailwind CSS palette.

Free Icons
Tailwind Toolbox Icons

A simple viewer for some Open Source icon packs to customise and copy/paste into your Tailwind CSS project.

Color Generators Free
Palette Generator

10-color Palette Generator and API for Tailwind CSS