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

Senior Laravel Engineer
Remote okay (must already live in USA)
Hawthorne Effect
Senior Software Engineer (Remote - Contract)
Remote
Koodi Systems
PHP Developer
Pittsburgh / Remote
Sequoia Waste Solutions
Software Developer
Eindhoven
Simac IDS
Application Developer Level II (CakePHP / MySql / Vue.js)
Lancaster, PA
Harbor Compliance
FULL STACK LARAVEL DEVELOPER
LONDON - WEST END
AMPERSAND HEATLH
Mid/Senior Laravel Developer - U.S. Only
Kenner, Louisiana
Profit Miner Technologies