{"tag":{"followersCount":158,"id":"5c8fffcc48917cbc09032e9e","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082191323/NoIfg1g96.png","name":"Tailwind CSS","postsCount":41,"slug":"tailwindcss","tagline":"Rapidly build modern websites without ever leaving your HTML.","info":{"html":"

A utility-first CSS framework packed with classes like flex, pt-4, text-center, and rotate-90 that can be composed to build any design, directly in your markup.

\n","__typename":"Content"},"trending":{"edges":[{"node":{"id":"5f28891d09567e0dc187ee71","_id":"5f28891d09567e0dc187ee71","coverImage":null,"slug":"tailwindcss-the-very-basics-installation-intellisense","readTime":7,"replyCount":0,"responseCount":4,"brief":"Introduction\nYou've finally done it. You've sat down, created a fresh new project, and are ready to get going with that snazzy, new, utility-first CSS framework called Tailwind. However, you're not sure where to start, or maybe you've gotten starte...","subtitle":null,"isFeatured":true,"contributors":[{"_id":"54b81b237393d8e81463c55c","name":"Syed Fazle Rahman","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1716304626023/APuniB1rZ.jpg","username":"fazlerocks","__typename":"User"},{"_id":"5c534f08a8f986a7229141d5","name":"Vamsi Rao","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1665498938042/VRcVGyEcb.jpeg","username":"vamsirao","__typename":"User"},{"_id":"5e5e9c1f8c89a92316ce8b66","name":"Edidiong Asikpo (Didi)","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655726991087/-EC8Ox3CT.jpeg","username":"didicodes","__typename":"User"},{"_id":"5e7cc541d5a84889480b0cb2","name":"Sam Julien","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1608687693812/0INQlL4Zn.jpeg","username":"samjulien","__typename":"User"}],"bookmarked":false,"views":1241,"url":"https://srobdev.hashnode.net/tailwindcss-the-very-basics-installation-intellisense","totalReactions":57,"title":"TailwindCSS: The Very Basics (Installation + IntelliSense)","dateAdded":"2020-08-03T22:01:01.349Z","cuid":"ckdf25ild006xpts1c95j9r9d","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","author":{"_id":"5f285dbd037beb0c79b7d7cc","name":"Samuel Robertson","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1596480958494/Ajxb__geB.jpeg","isPro":false,"username":"srobDev","__typename":"User"},"series":null,"tags":[{"_id":"5801b9c24c0f5aee780a3883","logo":"https://res.cloudinary.com/hashnode/image/upload/v1477030779/nbhawthd7lervqjdiwrz.jpg","name":"Yarn","slug":"yarn","__typename":"Tag"},{"_id":"5ddd484e94c050e177a6aa7e","logo":null,"name":"tailwind","slug":"tailwind","__typename":"Tag"},{"_id":"5c8fffcc48917cbc09032e9e","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082191323/NoIfg1g96.png","name":"Tailwind CSS","slug":"tailwindcss","__typename":"Tag"},{"_id":"56744721958ef13879b94e29","logo":"https://res.cloudinary.com/hashnode/image/upload/v1459504796/nipxkl4fu2zf7sqfl5fj.jpg","name":"PostCSS","slug":"postcss","__typename":"Tag"},{"_id":"56744721958ef13879b94b21","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513316988840/r1Htz1Wzz.png","name":"CSS3","slug":"css3","__typename":"Tag"}],"publication":{"_id":"5f2866faa758d10c9a4d9eee","url":"https://srobdev.hashnode.net","canonicalURL":"https://srobdev.hashnode.net","title":"SRob's Changelog","displayTitle":null,"isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1622858890356/TEyEbiREM.png","headerColor":"","metaTags":null,"isTeam":false,"domainInfo":{"hashnodeSubdomain":"srobdev","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"5f28b0733e336e0de230920e","author":{"_id":"5e7cc541d5a84889480b0cb2","name":"Sam Julien","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1608687693812/0INQlL4Zn.jpeg","isPro":false,"username":"samjulien","__typename":"User"},"content":{"html":"

Great work!

\n","markdown":"Great work!","text":"Great work!\n","__typename":"Content"},"dateAdded":"2020-08-04T00:48:51.638Z","stamp":"ckdf85cqd00dtqqs11domfbgz","totalReactions":2,"__typename":"Comment"},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":true,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"PostCommentConnection"}},"__typename":"PostEdge"},{"node":{"id":"5f2c2e763b12e25afe3e3f66","_id":"5f2c2e763b12e25afe3e3f66","coverImage":null,"slug":"tailwind-tidbits-1-neumorphic-profile-card","readTime":13,"replyCount":1,"responseCount":4,"brief":"Introduction\nIn this article, we'll make:\n\nIn Tailwind Tidbits, I'm going to pick designs from all around the web and show you how to make them with TailwindCSS. For the most part, I'll be finding these designs from sites like dribble and Behance, b...","subtitle":null,"isFeatured":true,"contributors":[{"_id":"54b81b232807bee71445ebba","name":"Sandeep Panda Test","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671192987560/FTYFMtukk.jpeg","username":"sandeep","__typename":"User"},{"_id":"5c6bcbbe6d4981e420b84ba6","name":"Shad Mirza","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1720166261019/sNC-fy5wJ.jpeg?auto=format","username":"iamshadmirza","__typename":"User"},{"_id":"5cde5eacbe5cf91c26f1f12d","name":"Bolaji Ayodeji","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674505650277/ivOh0o031.png","username":"bolajiayodeji","__typename":"User"},{"_id":"5cf296a0428f48bb3a05581f","name":"Chibuokem Jerry","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1594557648243/gC1UzpE7G.jpeg","username":"jerrybuks","__typename":"User"}],"bookmarked":false,"views":321,"url":"https://srobdev.hashnode.net/tailwind-tidbits-1-neumorphic-profile-card","totalReactions":47,"title":"Tailwind Tidbits #1: Neumorphic Profile Card","dateAdded":"2020-08-06T16:23:18.820Z","cuid":"ckdj0erwy011kz2s1gof2ao6g","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","author":{"_id":"5f285dbd037beb0c79b7d7cc","name":"Samuel Robertson","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1596480958494/Ajxb__geB.jpeg","isPro":false,"username":"srobDev","__typename":"User"},"series":null,"tags":[{"_id":"5c8fffcc48917cbc09032e9e","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082191323/NoIfg1g96.png","name":"Tailwind CSS","slug":"tailwindcss","__typename":"Tag"},{"_id":"56744723958ef13879b95483","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513322217442/SkZlDeWzz.png","name":"HTML5","slug":"html5","__typename":"Tag"},{"_id":"56744721958ef13879b94b91","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513316949083/By6UMkbfG.png","name":"CSS","slug":"css","__typename":"Tag"}],"publication":{"_id":"5f2866faa758d10c9a4d9eee","url":"https://srobdev.hashnode.net","canonicalURL":"https://srobdev.hashnode.net","title":"SRob's Changelog","displayTitle":null,"isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1622858890356/TEyEbiREM.png","headerColor":"","metaTags":null,"isTeam":false,"domainInfo":{"hashnodeSubdomain":"srobdev","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"5f2cf586b8ac395b1f239def","author":{"_id":"5cde5eacbe5cf91c26f1f12d","name":"Bolaji Ayodeji","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674505650277/ivOh0o031.png","isPro":false,"username":"bolajiayodeji","__typename":"User"},"content":{"html":"

This looks really cool, will give it a trial.

\n","markdown":"This looks really cool, will give it a trial.","text":"This looks really cool, will give it a trial.\n","__typename":"Content"},"dateAdded":"2020-08-07T06:32:38.905Z","stamp":"ckdjur0tz027zzzs1g4rz48f6","totalReactions":2,"__typename":"Comment"},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":true,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"PostCommentConnection"}},"__typename":"PostEdge"},{"node":{"id":"5f42d6ceb9aefd741aeaf6fc","_id":"5f42d6ceb9aefd741aeaf6fc","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1598215845405/nyZqFVaw-.png","__typename":"PostCoverImage"},"slug":"why-you-absolutely-need-to-try-tailwindcss","readTime":5,"replyCount":2,"responseCount":5,"brief":"Some background\nI've started using TailwindCSS earlier this year after months of listening to a friend that had been recommending it to me. For some time, I was thinking: \"Hmm, this will be yet another CSS framework with some built-in grid system, so...","subtitle":null,"isFeatured":true,"contributors":[{"_id":"5cde5eacbe5cf91c26f1f12d","name":"Bolaji Ayodeji","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674505650277/ivOh0o031.png","username":"bolajiayodeji","__typename":"User"},{"_id":"5e5e9c1f8c89a92316ce8b66","name":"Edidiong Asikpo (Didi)","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655726991087/-EC8Ox3CT.jpeg","username":"didicodes","__typename":"User"},{"_id":"5e9d510312892a3c760b1dcc","name":"Chris Bongers","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1629097019980/ic5NIxfjz.png","username":"dailydevtips","__typename":"User"},{"_id":"5f200861ba06442180226b4c","name":"thomas hop","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1597178820463/eBEV2U1cw.jpeg","username":"ThopDev","__typename":"User"},{"_id":"5f4404cce5215909d82edbab","name":"Gourav Goyal","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1643999979161/NYNGlJdLP.png","username":"GorvGoyl","__typename":"User"}],"bookmarked":false,"views":323,"url":"https://quentin.hashnode.net/why-you-absolutely-need-to-try-tailwindcss","totalReactions":45,"title":"Why you absolutely need to try TailwindCSS","dateAdded":"2020-08-23T19:48:54.116Z","cuid":"cke7kh2op01xgxms1cvbn9rlz","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","author":{"_id":"5614f19ab5a8eb3658dfce74","name":"Quentin","photo":"https://res.cloudinary.com/hashnode/image/upload/v1476637544/jpkaur0ds9p1f7hdgkgn.png","isPro":false,"username":"Bleeky","__typename":"User"},"series":null,"tags":[{"_id":"5c8fffcc48917cbc09032e9e","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082191323/NoIfg1g96.png","name":"Tailwind CSS","slug":"tailwindcss","__typename":"Tag"},{"_id":"56744721958ef13879b94b91","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513316949083/By6UMkbfG.png","name":"CSS","slug":"css","__typename":"Tag"}],"publication":{"_id":"5e1e20dd7a1d3fcc59028bff","url":"https://quentin.hashnode.net","canonicalURL":"https://quentin.hashnode.net","title":"Quentin's mind","displayTitle":null,"isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1589463149014/9qUsDc75q.png","headerColor":"#d2fcdd","metaTags":null,"isTeam":true,"domainInfo":{"hashnodeSubdomain":"quentin","domain":null,"__typename":"DomainInfo"},"urlPattern":"DEFAULT","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"5f4379fc4e82bb01e638e09c","author":{"_id":"5e5e9c1f8c89a92316ce8b66","name":"Edidiong Asikpo (Didi)","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655726991087/-EC8Ox3CT.jpeg","isPro":false,"username":"didicodes","__typename":"User"},"content":{"html":"

This is the content I signed up for Quentin. Very insightful!

\n","markdown":"This is the content I signed up for @[Quentin](@Bleeky). Very insightful!","text":"This is the content I signed up for Quentin. Very insightful!\n","__typename":"Content"},"dateAdded":"2020-08-24T08:27:40.405Z","stamp":"cke89cfec003idis1dx9n58gw","totalReactions":1,"__typename":"Comment"},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":true,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"PostCommentConnection"}},"__typename":"PostEdge"}],"__typename":"FeedPostConnection"},"__typename":"Tag"}}

TailwindCSS: The Very Basics (Installation + IntelliSense)

Tailwind Tidbits #1: Neumorphic Profile Card

Why you absolutely need to try TailwindCSS

How to build a sticky banner component using Tailwind CSS and Flowbite

Get started with Nuxt3 and Tailwindcss

How to install Astro with Tailwind CSS and Flowbite

Implement dark mode with Next.js+TailwindCSS in 5 minutes

Creating a Dynamic GIF Search Experience with React and Tailwind

Add Dark mode in NextJs, Tailwind CSS in just 2 min

Getting Started With tailwindcss from Scratch.

Getting Started With Tailwind Css From A Beginner’s Prospective (part 1).

Tailwind CSS for Beginners

How to setup Nuxt 3 with Tailwind CSS, Pinia and Supabase