Moving away from Tailwind, and learning to structure my CSS

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.

tailwindlabs/tailwindcss

A utility-first CSS framework for rapid UI development.

Tailwindmate

Easily convert between Tailwind CSS classes and color formats

Showcase - Build anything

A collection of beautiful websites built with Tailwind CSS.

tailwindcss - npmx

A utility-first CSS framework for rapidly building custom user interfaces.

Basecoat

A components library built with Tailwind CSS that works with any web stack.

Kaan by Astro

Svelte has this awesome built in styling capability but Tailwind will have you mostly ignore it, since “no custom CSS” while using it is a virtue. The best practice for production builds is a regexp based pass over generated content that is completely outside of the Svelte build process. It may seem conceptually awkward but I actually think they go well together if you use them in a certain way, a way that may be different that what you’ve seen before.

The Layout Maestro by Ahmad Shadeed

Build any web layout with confidence. Learn practical CSS layout through visual lessons, interactive demos, and a proven layout mindset.

Konsta UI - Mobile UI components built with Tailwind CSS

Mobile UI components built with Tailwind CSS

Tailwind CSS - Svelte Flow

Style your flow with Tailwind CSS

The CSS Selection - 2026 Edition - Project Wallace

The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.

Installing with Vite - Installation

Integrate Tailwind CSS with frameworks like Laravel, SvelteKit, React Router, and SolidJS.