株式会社オブライト
Web Frontend2026-05-17

Tailwind CSS

Also known as: Tailwind / Tailwind CSS

A utility-first CSS framework where you compose UIs by applying small, single-purpose classes like flex, p-4, and text-blue-500 directly in HTML — no custom CSS needed. v4 migrated to CSS variable-based configuration.


Overview

Tailwind CSS provides a large set of utility classes instead of pre-built component classes. The JIT compiler emits only used classes, keeping production bundles to a few KB. Tailwind v4 moved configuration from tailwind.config.ts to an @theme directive in CSS.

Pairing with shadcn/ui

shadcn/ui combines Tailwind CSS with Radix UI primitives. Its copy-paste-into-your-project approach provides maximum customizability, making it the de-facto component library for Next.js + Tailwind stacks.

Related Columns

Related Terms

Feel free to contact us

Contact Us