Stack Diary - Helpful Advice for Web Developers
  • Home
  • About
  • Categories
    • Web Development
    • WordPress
    • Tech
    • Digital Marketing
    • Code
    • Web Design
  • Snippets
    • JavaScript
    • CSS
    • Linux
    • SQL
    • Google
  • Contact
  • Home
  • About
  • Categories
    • Web Development
    • WordPress
    • Tech
    • Digital Marketing
    • Code
    • Web Design
  • Snippets
    • JavaScript
    • CSS
    • Linux
    • SQL
    • Google
  • Contact
Stack Diary - Helpful Advice for Web Developers
Stack Diary - Helpful Advice for Web Developers
Web Development

Tailwind CSS: Cheat Sheet (Chrome Extension)

Alex Ivanovs
June 29, 2022
Tailwind CSS Cheat Sheet Chrome Extension

Are you new to Tailwind CSS or maybe you’re returning to give it a second try? In any case, having quick access to the Tailwind CSS cheat sheet is a fundamental part of working with the framework. Everyone knows Tailwind CSS has a peculiar syntax.

The two most popular cheat sheets are either the official documentation from Tailwind Labs or the custom-built reference by Tailwind Components. And now, thanks to Shahid Shaikh, you can also get the Tailwind CSS cheat sheet as a Chrome extension.

You can get it directly from the Google Web Store or visit the GitHub project page.

All the references are taken from the Tailwind Components page.

Once you install the extension, you can click on the icon in your extension bar and have quick access to various classes and their associated properties. For each property, there’s also a link to the official docs page in case you need additional details. There is a search feature also.

So, for example, if you need a quick reference to all the available place-items properties, you can just search for that and click to copy to the clipboard.

The project is open-source, so feel free to contribute. I think the search feature could use a little bit of fine-tuning, as I found quite a few overlaps when searching for classes. And, it would probably be nice if someone could port this over for Mozilla users, too.

Share this:

Share on Twitter Share on Facebook Share on LinkedIn Share on Email
Written by

Alex Ivanovs

I've been working on Web projects since 2005 with a primary focus on web development and design. After spending many years on a self-taught path, I discovered a natural passion for writing and have been keeping up appearances ever since.
⟵

The 6 Best Booking Plugins for WordPress

⟶

How to Customize List Style for Each Item with CSS

Related posts:

  1. Tailwind CSS: 15 Component Libraries & UI Kits
  2. Tailwind CSS: 15 Unique Card Designs
  3. How to Bypass a Paywall (Articles, Blogs, etc.)

Blog categories

Web Development WordPress Tech Code Digital Marketing Web Design

Latest posts

15 Useful Sites for Free Vector Illustrations
Top 5 Dynamic Content Plugins for WordPress
How to Copy Text That Cannot Be Selected/Copied
Chrome DevTools: 10 Useful Tips & Tricks
10 Best WooCommerce Marketing Plugins in 2022
Privacy Policy.
STACK · DIARY © 2022
  • Home
  • About
  • Write for Us
  • Disclosure
  • Contact
Stack Diary - Helpful Advice for Web Developers
  • Home
  • About
  • Categories
    • Web Development
    • WordPress
    • Tech
    • Digital Marketing
    • Code
    • Web Design
  • Snippets
    • JavaScript
    • CSS
    • Linux
    • SQL
    • Google
  • Contact