--- title: 5 reasons to start using TailwindCSS | daily.dev description: Tailwind has a large set of utility classes that add padding, margin, width, height, and other CSS properties to an HTML element. Tailwind also has a beautiful... canonical: https://daily.dev/posts/5-reasons-to-start-using-tailwindcss-f5dklfnmh twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: 5 reasons to start using TailwindCSS | daily.dev og:description: Tailwind has a large set of utility classes that add padding, margin, width, height, and other CSS properties to an HTML element. Tailwind also has a beautiful... og:url: https://daily.dev/posts/5-reasons-to-start-using-tailwindcss-f5dklfnmh og:image: https://api.daily.dev/og/posts/f5dKLFnMh.png og:image:alt: 5 reasons to start using TailwindCSS 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. # 5 reasons to start using TailwindCSS **[DevDojo](https://daily.dev/sources/devdojo)** · 3 min read · 43 upvotes · 7 comments ## Summary Tailwind has a large set of utility classes that add padding, margin, width, height, and other CSS properties to an HTML element. Tailwind also has a beautiful color palette, incluing 8 basic colors with 10 different shades. You can customize colors, spacing, and everything else inside of Tailwind. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@bobbyiliev** · 3 upvotes > Great post! 🤘 > > > I would also add Dark mode to the list 🙌 **@johnito** · 3 upvotes > Bootstrap has always been my thing but I Will try this one out. Looks interesting. **@biraj** · 2 upvotes > I'll try using it. **@haisan** · 2 upvotes > It's funny that people want to stop writing CSS instead of filling HTML with classes that are difficult to read, cause HTML to swell and make you have to learn to write CSS in 2 ways, because you will have to learn CSS and then learn how to use CSS in the framework and all its rules. And in the end you will be doing everything you would do in CSS, but inside HTML without any indentation. --- Tags: [#webdev](https://daily.dev/tags/webdev), [#css](https://daily.dev/tags/css), [#tailwind-css](https://daily.dev/tags/tailwind-css) [View this post on daily.dev](https://daily.dev/posts/5-reasons-to-start-using-tailwindcss-f5dklfnmh) ```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":"TechArticle","headline":"5 reasons to start using TailwindCSS","url":"https://daily.dev/posts/5-reasons-to-start-using-tailwindcss-f5dklfnmh","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/5-reasons-to-start-using-tailwindcss-f5dklfnmh"},"datePublished":"2021-01-09T03:18:21.714Z","dateModified":"2022-10-09T11:02:37.957Z","description":"Tailwind has a large set of utility classes that add padding, margin, width, height, and other CSS properties to an HTML element. Tailwind also has a beautiful...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/47fc6be736d58f8f99aa8113f0663525","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/47fc6be736d58f8f99aa8113f0663525","isAccessibleForFree":true,"articleSection":"DevDojo","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"DevDojo","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7","url":"https://daily.dev/sources/devdojo"},"commentCount":7,"discussionUrl":"https://daily.dev/posts/5-reasons-to-start-using-tailwindcss-f5dklfnmh","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":43},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":7}],"keywords":"webdev,css,tailwind-css","timeRequired":"PT3M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"DevDojo","item":"https://daily.dev/sources/devdojo"},{"@type":"ListItem","position":3,"name":"5 reasons to start using TailwindCSS"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/5-reasons-to-start-using-tailwindcss-f5dklfnmh","comment":[{"@type":"Comment","text":"Great post! 🤘\nI would also add Dark mode to the list 🙌","datePublished":"2021-01-09T08:00:04.542Z","url":"https://daily.dev/posts/f5dKLFnMh#c-vfAwQRx8B","author":{"@type":"Person","name":"Bobby Iliev","url":"https://daily.dev/bobbyiliev","image":"https://avatars3.githubusercontent.com/u/21223421?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"Bootstrap has always been my thing but I Will try this one out. Looks interesting.","datePublished":"2021-01-09T07:14:21.107Z","url":"https://daily.dev/posts/f5dKLFnMh#c-VN9Nnks14","author":{"@type":"Person","name":"John Kimani","url":"https://daily.dev/johnito","image":"https://avatars2.githubusercontent.com/u/17265831?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"I’ll try using it.","datePublished":"2021-01-10T08:11:32.404Z","url":"https://daily.dev/posts/f5dKLFnMh#c-gH9xnXhmo","author":{"@type":"Person","name":"Biraj Parajuli","url":"https://daily.dev/biraj","image":"https://avatars1.githubusercontent.com/u/37270486?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"It’s funny that people want to stop writing CSS instead of filling HTML with classes that are difficult to read, cause HTML to swell and make you have to learn to write CSS in 2 ways, because you will have to learn CSS and then learn how to use CSS in the framework and all its rules. And in the end you will be doing everything you would do in CSS, but inside HTML without any indentation.","datePublished":"2021-01-09T12:05:36.583Z","url":"https://daily.dev/posts/f5dKLFnMh#c-EHSdLYjpD","author":{"@type":"Person","name":"Samuel","url":"https://daily.dev/haisan","image":"https://media.daily.dev/image/upload/s--m9fUjXwS--/f_auto/v1725412034/avatars/avatar_iRRQ6fHsO"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}}]} ```