Learn How to Use Tailwind with an Interactive Cheat Sheet

Learn How to Use Tailwind with an Interactive Cheat Sheet

When you are first learning a utility-first approach to CSS with a tool like Tailwind, memorizing the utilities can be a decent-sized learning curve. Even equipped with the excellent documentation and the intuitive, well-thought-out utility names, a quick reference cheat sheet sure comes in handy!

Enter the TailWind Cheat Sheet by Jay Elaraj:

As you start typing, the interactive cheat sheet highlights your search and eliminates all except for classes that match your search:

The layout design helps you intuitively find related properties with links to the official documentation.

Learn More

The cheat sheet is online at nerdcave.com/tailwind-cheat-sheet. You can learn more about Tailwind from the official documentation, to provide some context with the cheat sheet as you learn how to use Tailwind.

We also wrote about TailWind’s first public release a while back and a Tailwind CSS Laravel preset.


Filed in: News


Newsletter

Join the weekly newsletter and never miss out on new tips, tutorials, and more.

Laravel News Partners

Laravel Jobs

Full Stack Developer (Laravel/Vue.JS)
London, UK or Remote (UK only)
hullo Ltd
Senior Web Developer
San Diego, CA
Platform Science
Laravel Developer
San Jose, CA
X3 Builders
Lead Front End Developer
Remote
continued
Full-Stack Laravel Developer
Cologne
Revive Interior
Intermediate PHP Developer (Full Stack | CakePHP | Laravel | Vue | jQuery)
Remote
continued
Senior PHP Developer (Full Stack | CakePHP | Laravel | Vue | jQuery)
Remote
continued