Tailwind CSS screenshot

Tailwind CSS

Frameworks & Libraries

About

Style an interface without leaving your markup.

Tailwind CSS is a utility first framework. Compose styles from small classes in the markup instead of writing separate stylesheets, with spacing, colour and type defined once in a single config file.

Features & use cases

  • Compose styles from utility classes
  • Define a design system in one file
  • Build responsive layouts with prefixes
  • Strip unused CSS at build time
  • Extend the system with plugins

Where Tailwind CSS appears

Similar tools

Alternatives & related tools

Dnd Kit preview
New

Dnd Kit

Framework-agnostic toolkit for building drag and drop interfaces.

beUI preview
New

beUI

Motion toolkit of animated components for React and Next.js.

OpenTUI preview
New

OpenTUI

Terminal UI core written in Zig with TypeScript bindings for building CLIs.

Input OTP preview
New

Input OTP

Accessible one-time password input for React, styled to fit.

Sonner preview
New

Sonner

Opinionated toast component for React, sensible defaults out of the box.

NumberFlow preview
New

NumberFlow

Animated number component for React with accessible transitions.

shadcn/ui preview

shadcn/ui

Beautifully designed components you can copy and paste into apps.

Tailark preview

Tailark

Modern, responsive, pre-built blocks for marketing websites.

More in Frameworks & Libraries

See all 84
21st.dev preview

21st.dev

The npm for design engineers, copy-paste minimal React components.

Theatre.js preview

Theatre.js

A motion-design toolfor the web with a visual editor.

Next.js preview

Next.js

The React framework for the web, by Vercel.

React preview

React

The library for web and native user interfaces.