--- title: "#tailwindcss articles | Hashnode" description: "Rapidly build modern websites without ever leaving your HTML. Read the latest #tailwindcss articles and tutorials on Hashnode." url: "https://hashnode.com/tag/tailwindcss" --- Tag # #tailwindcss 86 posts · 325 followers [KD Jayakody](https://hashnode.com/@kdjayakody-lk) · [Oct 31](https://hashnode.com/posts/5-sites-i-use-so-my-vibe-coded-apps-don-t-look-ai-generated/6ae6570f5d45437e36d990b4) ### [5 Sites I Use So My Vibe-Coded Apps Don't Look AI-Generated](https://kdjayakody.hashnode.dev/5-sites-i-use-so-my-vibe-coded-apps-don-t-look-ai-generated?utm_source=hashnode&utm_medium=feed) I teach AI and web development, and the most common thing I see in vibe-coded apps is that they all look the same: same gradients, same cards, same "AI default" feel. The fix isn't a better model. It' 3 min read · [kdjayakody.hashnode.dev](https://kdjayakody.hashnode.dev/5-sites-i-use-so-my-vibe-coded-apps-don-t-look-ai-generated?utm_source=hashnode&utm_medium=feed) [Muhammad Ahmad](https://hashnode.com/@mahmad) · [Oct 27](https://hashnode.com/posts/rebuilt-portfolio-nextjs-tailwind-theme-studio/6ae07dbd375e3174907ad00b) ### [I Rebuilt My Portfolio With Next.js 16, Then Built a Playground to Switch Between Its Themes](https://mahmad.hashnode.dev/rebuilt-portfolio-nextjs-tailwind-theme-studio?utm_source=hashnode&utm_medium=feed) From Chakra UI to Tailwind CSS, three themes, and a multiplayer canvas where you plug a theme into a display 3 min read · [mahmad.hashnode.dev](https://mahmad.hashnode.dev/rebuilt-portfolio-nextjs-tailwind-theme-studio?utm_source=hashnode&utm_medium=feed) [2](https://hashnode.com/posts/rebuilt-portfolio-nextjs-tailwind-theme-studio/6ae07dbd375e3174907ad00b) [TechLogHub](https://hashnode.com/@techloghub) · [Oct 23](https://hashnode.com/posts/tailwind-css-vs-bootstrap-in-2026-it-depends-on-who-s-designing/6adb8ea01d7f0fc2bef734fc) ### [Tailwind CSS vs Bootstrap in 2026: It Depends on Who's Designing](https://techloghubblogs.hashnode.dev/tailwind-css-vs-bootstrap-in-2026-it-depends-on-who-s-designing?utm_source=hashnode&utm_medium=feed) Components vs utilities, bundle size, customisation and learning curve 2 min read · [techloghubblogs.hashnode.dev](https://techloghubblogs.hashnode.dev/tailwind-css-vs-bootstrap-in-2026-it-depends-on-who-s-designing?utm_source=hashnode&utm_medium=feed) [Urvish](https://hashnode.com/@heyurvish) · [Oct 8](https://hashnode.com/posts/own-the-code-mit-sponsors-and-never-fighting-your-ui-library-again/6ac720f1d381d8d313e6e5ac) ### [Own the Code: MIT, Sponsors, and Never Fighting Your UI Library Again](https://uselayouts.hashnode.dev/own-the-code-mit-sponsors-and-never-fighting-your-ui-library-again?utm_source=hashnode&utm_medium=feed) I want to tell you about the worst forty minutes I've spent on a button. It was a button from a UI kit. A nice one. Popular, well documented, all of that. And I needed it to do one small thing it didn 34 min read · [uselayouts.hashnode.dev](https://uselayouts.hashnode.dev/own-the-code-mit-sponsors-and-never-fighting-your-ui-library-again?utm_source=hashnode&utm_medium=feed) [The Flux Read](https://hashnode.com/@thefluxread) · [Sep 19](https://hashnode.com/posts/how-to-build-a-full-stack-ai-tools-directory-app-next-js-14-supabase/6aaec13f625751f67bb0567a) ### [How to Build a Full-Stack AI Tools Directory App (Next.js 14 + Supabase)](https://thefluxread.hashnode.dev/how-to-build-a-full-stack-ai-tools-directory-app-next-js-14-supabase?utm_source=hashnode&utm_medium=feed) A complete developer's guide covering database architecture, dynamic search filtering, SEO optimization, and Vercel deployment. 1 min read · [thefluxread.hashnode.dev](https://thefluxread.hashnode.dev/how-to-build-a-full-stack-ai-tools-directory-app-next-js-14-supabase?utm_source=hashnode&utm_medium=feed) [Shivam Kumar](https://hashnode.com/@Shivamshrma09) · [Aug 30](https://hashnode.com/posts/impact-of-ai-on-ui/6a93ac04ae895f5bf4c32203) ### [Impact of AI on UI](https://shivamshrma09.hashnode.dev/impact-of-ai-on-ui?utm_source=hashnode&utm_medium=feed) Ai has completely changed the way we thing about UI/UX 7 min read · [shivamshrma09.hashnode.dev](https://shivamshrma09.hashnode.dev/impact-of-ai-on-ui?utm_source=hashnode&utm_medium=feed) [hello](https://hashnode.com/@brokeinprod) · [Aug 29](https://hashnode.com/posts/tailwind-typography-s-prose-is-leaking-into-your-components-and-the-three-tier-fix/6a93251a3712b86c61b2a4d3) ### [Tailwind Typography's prose Is Leaking Into Your Components — and the Three-Tier Fix](https://brokeinprod.hashnode.dev/tailwind-typography-s-prose-is-leaking-into-your-components-and-the-three-tier-fix?utm_source=hashnode&utm_medium=feed) prose styles every element beneath it — your components included. Match it, configure it, or not-prose. 6 min read · [brokeinprod.hashnode.dev](https://brokeinprod.hashnode.dev/tailwind-typography-s-prose-is-leaking-into-your-components-and-the-three-tier-fix?utm_source=hashnode&utm_medium=feed) [Enyia Christian](https://hashnode.com/@Christiano112) · [Aug 5](https://hashnode.com/posts/building-a-source-to-source-transformation-engine-for-tailwind-css/6a72dcf7992fddcf4d81aa45) ### [Building a Source-to-Source Transformation Engine for Tailwind CSS](https://christianowebdev.hashnode.dev/building-a-source-to-source-transformation-engine-for-tailwind-css?utm_source=hashnode&utm_medium=feed) How I built an open source engine that automatically transforms Tailwind CSS classes while preserving correctness and intent. 10 min read · [christianowebdev.hashnode.dev](https://christianowebdev.hashnode.dev/building-a-source-to-source-transformation-engine-for-tailwind-css?utm_source=hashnode&utm_medium=feed) [Marc EMILE](https://hashnode.com/@marcemile) · [Aug 1](https://hashnode.com/posts/how-to-use-svg-icons-in-react-next-js-and-tailwind-css/6a6e799fa3483c317f70c2c7) ### [How to Use SVG Icons in React, Next.js, and Tailwind CSS](https://svgiconscom.hashnode.dev/how-to-use-svg-icons-in-react-next-js-and-tailwind-css?utm_source=hashnode&utm_medium=feed) There are exactly three sensible ways to get an SVG icon into a React codebase: paste it inline as a component, import the file through a build transform like SVGR, or reference it from a sprite. Most 4 min read · [svgiconscom.hashnode.dev](https://svgiconscom.hashnode.dev/how-to-use-svg-icons-in-react-next-js-and-tailwind-css?utm_source=hashnode&utm_medium=feed) [Wasay rahman Official](https://hashnode.com/@wasay-dev) · [Jul 9](https://hashnode.com/posts/why-i-built-a-100-client-side-zero-tracking-utility-hub-using-pure-vanilla-js/6a4f507ecb9153346db3adf3) ### [Why I Built a 100% Client-Side, Zero-Tracking Utility Hub Using Pure Vanilla JS](https://pixelprotools.hashnode.dev/why-i-built-a-100-client-side-zero-tracking-utility-hub-using-pure-vanilla-js?utm_source=hashnode&utm_medium=feed) Sick of forced sign-ups? Discover how I built a 100% client-side, zero-tracking utility hub using pure Vanilla JS for ultimate speed and privacy. 3 min read · [pixelprotools.hashnode.dev](https://pixelprotools.hashnode.dev/why-i-built-a-100-client-side-zero-tracking-utility-hub-using-pure-vanilla-js?utm_source=hashnode&utm_medium=feed)