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

Software Engineer Lead (PHP)
Remote
CivicPlus, LLC
Full-time Senior Web Developer
Detroit, MI
Wayne State University
Senior Software Engineer
Sydney, Australia
FoodByUs
Full Stack Engineer
Remote or Medford, Oregon
Empire Medical
Laravel Developer (fulltime - Dutch only)
Netherlands
Qbixx | Webservices
Full Stack or Back-End Developer
Alexandria, VA; Tallahassee, FL; Orlando, FL
Marketing for Change
Senior Quality Assurance Engineer
Remote
Bisnow Media