--- title: Tailwind CSS Cheat Sheet(v4 and v3) | daily.dev description: A comprehensive cheat sheet for Tailwind CSS versions 3 and 4, providing a quick reference to all utility classes and their corresponding CSS properties. canonical: https://daily.dev/posts/tailwind-css-cheat-sheet-v4-and-v3--pykthyybo twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Tailwind CSS Cheat Sheet(v4 and v3) | daily.dev og:description: A comprehensive cheat sheet for Tailwind CSS versions 3 and 4, providing a quick reference to all utility classes and their corresponding CSS properties. og:url: https://daily.dev/posts/tailwind-css-cheat-sheet-v4-and-v3--pykthyybo og:image: https://api.daily.dev/og/posts/PyKThyYBO.png og:image:alt: Tailwind CSS Cheat Sheet(v4 and v3) og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Tailwind CSS Cheat Sheet(v4 and v3) **[All Tailwind CSS ](https://daily.dev/sources/alltailwindcss)** · [@ashutoshmishra](https://daily.dev/ashutoshmishra) · 1 min read · 20 upvotes · 0 comments ## Summary A comprehensive cheat sheet for Tailwind CSS versions 3 and 4, providing a quick reference to all utility classes and their corresponding CSS properties. ## Content A comprehensive Tailwind CSS(v4 and v3) cheat sheet to instantly find all utility classes and their CSS properties in one place. Link: https://kombai.com/tailwind/cheat-sheet/ --- Tags: [#webdev](https://daily.dev/tags/webdev), [#css](https://daily.dev/tags/css), [#frontend](https://daily.dev/tags/frontend), [#tailwind-css](https://daily.dev/tags/tailwind-css) [View this post on daily.dev](https://daily.dev/posts/tailwind-css-cheat-sheet-v4-and-v3--pykthyybo) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/tailwind-css-cheat-sheet-v4-and-v3--pykthyybo","headline":"Tailwind CSS Cheat Sheet(v4 and v3)","text":"A comprehensive cheat sheet for Tailwind CSS versions 3 and 4, providing a quick reference to all utility classes and their corresponding CSS properties.","url":"https://daily.dev/posts/tailwind-css-cheat-sheet-v4-and-v3--pykthyybo","datePublished":"2025-03-26T12:37:31.909Z","dateModified":"2025-03-26T12:37:40.169Z","author":{"@type":"Person","name":"Ashutosh Mishra","url":"https://daily.dev/ashutoshmishra","image":"https://media.daily.dev/image/upload/f_auto/v1640603081/avatars/bLar3pnQ2","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":310}},"image":"https://media.daily.dev/image/upload/s--WBioWNYg--/f_auto/v1742969376/posts/fVH8vasTc","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":20},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/squads/alltailwindcss","name":"All Tailwind CSS "}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"All Tailwind CSS ","item":"https://daily.dev/squads/alltailwindcss"},{"@type":"ListItem","position":3,"name":"Tailwind CSS Cheat Sheet(v4 and v3)"}]} ```