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.
Tailwind CSS is a utility-first CSS framework that provides low-level utility classes to build custom designs without leaving your HTML. Unlike traditional frameworks like Bootstrap or Foundation, Tailwind doesn't come with pre-built components — instead, it gives you building blocks to create unique designs quickly and consistently.
Basic knowledge of HTML and CSS is recommended before starting with Tailwind CSS.
The fastest way to get started with Tailwind is via CDN for prototyping, but for production, you'll want to install it via npm and configure it with PostCSS.
CDN (Quick Start)
<script src="https://cdn.tailwindcss.com"></script>npm install -D tailwindcssnpx tailwindcss init💡 Pro Tip: Use Tailwind with Vite, Next.js, or Laravel for the best development experience with hot reloading.
Build and iterate on designs quickly without writing custom CSS for every element.
Create consistent, maintainable design systems with Tailwind's configuration.
Build reusable UI components for React, Vue, Angular, or plain HTML/CSS.
Create beautiful, responsive landing pages and marketing sites quickly.
Trusted by industry leaders and innovative companies worldwide.
Tailwind has a rich ecosystem of plugins, component libraries, and tools.
Connect with our Tailwind CSS specialists to discuss your project requirements
We respond within 2 business hours · Free 30-min consultation