CINXE.COM
Tailwind CSS Cheat Sheet
<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="title" content="Tailwind CSS CheatSheet for Beginners and Not Only"/><meta name="description" content="Find quickly all the class names and CSS properties with this interactive cheat sheet. The only Tailwind CheatSheet you will ever need!"/><title>Tailwind CSS Cheat Sheet</title><link rel="canonical" href="https://www.creative-tim.com/twcomponents/cheatsheet" itemprop="URL"><meta property="og:image" content="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/twcomponents/twcomponents-cheatsheet-thumb.png"/><meta property="og:title" content="Tailwind CSS CheatSheet for Beginners and Not Only"/><meta property="og:description" content="Find quickly all the class names and CSS properties with this interactive cheat sheet. The only Tailwind CheatSheet you will ever need!"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@TwComponents"/><meta name="twitter:title" content="Tailwind CSS CheatSheet for Beginners and Not Only"/><meta name="twitter:description" content="Find quickly all the class names and CSS properties with this interactive cheat sheet. The only Tailwind CheatSheet you will ever need!"/><meta name="twitter:image" content="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/twcomponents/twcomponents-cheatsheet-thumb.png"/><script>!function(e,t,a,n,g){e[n]=e[n]||[],e[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var m=t.getElementsByTagName(a)[0],r=t.createElement(a);r.async=!0,r.src="https://www.googletagmanager.com/gtm.js?id=GTM-NN5FG6H",m.parentNode.insertBefore(r,m)}(window,document,"script","dataLayer")</script><script>!function(e,t,a,n,g){e[n]=e[n]||[],e[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var m=t.getElementsByTagName(a)[0],r=t.createElement(a);r.async=!0,r.src="https://www.googletagmanager.com/gtm.js?id=GTM-NKDMSK6",m.parentNode.insertBefore(r,m)}(window,document,"script","dataLayer")</script><script defer="defer" src="/twcomponents/cheatsheet/static/js/main.e7f0adac.js"></script><link href="/twcomponents/cheatsheet/static/css/main.78a74eea.css" rel="stylesheet"></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NN5FG6H" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKDMSK6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="root"></div></body></html>