Some useful generators to help you setup your Tailwind CSS configuration
Filters
Ads/Affiliates
Icon Configurator to style and copy/paste code for Tailwind CSS
Tailwind Toolbox
Generate shades/tints for a given color and generate code for the config file
Javis V. Pérez
Generate responsive grids using the TailwindCSS defaults
Pete Medina / @tailwindgrids
A curated collection of beautiful premade gradients using default colors from the Tailwind palette
Jordi Hales / Mark Mead
Generate color shades for your Tailwind CSS config file.
James Dilleen
A local UI tool for visualizing your Tailwind CSS configuration file.
Ryan Ogden
An automated tool for creating custom Tailwind CSS builds for CDN access
Kevin Batdorf
A tool for creating new color shades based on a neural network and trained with the Tailwindcss palette.
dmarman
A Tailwind CSS pallette Generator with HSL Tweakifier
Simeon Griggs
Create and finetune a palette from a single color.Lighten, Darken, hue twist, desaturate. Make it your own.
Rasmus Jürs
Tailwind CSS color palette generator.
Omar Bourhaouta
A tool to help generate color shades for Tailwind CSS
Leonidas Stratigakis / @anheric
Basic demo to switch styles with Tailwind (handy for dark mode or themes)
M. Appelman
Quickly generate Tailwind CSS grid, flexbox, table, and typography components with no code.
Tailwind Tools
Try different Google fonts with the Tailwind Typography plugin for Tailwind CSS
Tim Ackroyd