Best of Tailwind CSS — September 2025

1. 1
   Article

   Hacker News·36w

   Why our website looks like an operating system

   PostHog redesigned their website to function like an operating system, featuring window management, keyboard shortcuts, and multitasking capabilities. The design addresses the common problem of managing multiple tabs on technical websites by allowing users to open and arrange multiple pages simultaneously within a single browser window. The implementation includes OS-inspired UI elements like file explorers, PowerPoint-style presentations, and spreadsheet layouts, built using TypeScript and Tailwind CSS with a JSON-driven content architecture.

   857

   73
2. 2
   Article

   CSS-Tricks·37w

   Composition in CSS

   CSS has always been composable through the cascade, allowing developers to combine classes and styles naturally. While utility frameworks like Tailwind promote composition, traditional CSS approaches like combining classes or using Sass mixins are equally valid forms of composition. The author argues that CSS composition extends beyond just adding classes in HTML and proposes organizing styles into four categories: layouts, typography, theming, and effects. Rather than focusing on reducing CSS or HTML bloat, developers should prioritize code architecture, structure, and clarity for better maintainability.

   145

   11
3. 3
   Article

   Vuejs&Nuxtjs·35w

   Shad cn vue Like Nuxt/Vue Librarys :fire:

   A curated list of Vue and Nuxt UI component libraries including Vue Bits for animated components, Inspira UI for reusable designs, shadcn-vue, UI Thing for copy-paste components, Stunning UI with Tailwind CSS integration, LandiNuxt for landing page sections, and Reka UI as the foundational library that many others depend on.

   100

   20
4. 4
   Article

   Saad Hasan·35w

   TailwindCSS to CSS Converter

   A developer created an improved TailwindCSS to CSS converter tool that transforms utility classes into clean CSS code. The tool features real Tailwind output, responsive and pseudo-class support, custom selectors, syntax highlighting, and a polished dark UI with saved preferences. It addresses the common pain point of manually migrating projects away from TailwindCSS.

   34

   8
5. 5
   Article

   WeProDev·36w

   Gradientscss: Beautiful gradients for your next project.

   GradientCSS is an open-source tool that provides a curated collection of modern gradients for web projects. It offers one-click copying and exporting in multiple formats including CSS, Tailwind, SCSS, SVG, and images. The tool features live preview, animation controls, and supports various color formats without requiring user registration.

   33

   2