What Tailwind CSS means
Classes such as rounded-full, px-6, and text-lg each do one thing. Combined, they build any design while keeping spacing and colour consistent.
Unused styles are removed at build time, so the final CSS stays small.
Web Development
Tailwind CSS
Tailwind CSS is a utility-first CSS framework: you style elements with small ready-made classes in the HTML instead of writing custom CSS files.
Example
A button is styled with a short set of Tailwind classes, and a design token change updates every button on the site at once.
Why it matters
Tailwind speeds up building consistent interfaces and is widely used with React and Next.js.
Keep learning
Related terms.
- CSSCSS is the language that styles web pages, controlling layout, colours, fonts, spacing, and animation, separately from the HTML structure.
- UI designUI design is the visual layer of a product: layout, typography, colour, buttons, and icons, designed to be clear, consistent, and on brand.
- Next.jsNext.js is a React framework for building fast, search-friendly websites and web apps, with server rendering, routing, and image optimisation built in.
Web Development
Want this donefor your business?
Tell us what you are trying to achieve and we will recommend the right approach, a timeline, and a quote.
Available for new projects — Replies within one business day