Layout
ComponentsPricing
Back to All Tailwind Classes

flexbox Classes

.content-around

.content-between

.content-center

.content-end

.content-start

.flex-1

.flex-auto

.flex-col-reverse

.flex-col

.flex-grow-0

.flex-grow

.flex-initial

.flex-no-wrap

.flex-none

.flex-row-reverse

.flex-row

.flex-shrink-0

.flex-shrink

.flex-wrap-reverse

.flex-wrap

.flex

.inline-flex

.items-baseline

.items-center

.items-end

.items-start

.items-stretch

.justify-around

.justify-between

.justify-center

.justify-end

.justify-start

.order-1

.order-10

.order-11

.order-12

.order-2

.order-3

.order-4

.order-5

.order-6

.order-7

.order-8

.order-9

.order-first

.order-last

.order-none

.self-auto

.self-center

.self-end

.self-start

.self-stretch

Layout
Tools
  • Tailwind Color Palette Generator
  • Tailwind Typography Generator
  • Tailwind Colors
  • TailwindCSS Classes
  • Shadcn Theme Generator
Background Patterns
  • Dot Pattern Generator
  • Animated Gradient Generator
  • Grid Pattern Generator
  • Flickering Grid Generator
  • Waves Background Generator

© 2018 - 2025 Bankside Partners Ltd.