
1. Мәтін класстары
text-left
text-center
text-right
text-justify
text-xs
text-sm
text-base
text-lg
text-xl
text-2xl
text-3xl
text-4xl
text-5xl
font-thin
font-extralight
font-light
font-normal
font-medium
font-semibold
font-bold
font-extrabold
font-black
uppercase
lowercase
capitalize
truncate
line-through
italic
not-italic

2. Фон класстары
bg-transparent
bg-black
bg-white
bg-gray-100
bg-gray-200
bg-gray-300
bg-gray-400
bg-gray-500
bg-gray-600
bg-gray-700
bg-gray-800
bg-gray-900
bg-red-100
bg-blue-100
bg-green-100
bg-yellow-100

3. Шекара класстары
border
border-0
border-2
border-4
border-8
border-solid
border-dashed
border-dotted
border-t
border-b
border-l
border-r
border-gray-200
border-red-500
border-blue-500

4. Кеңістіктер
m-0
m-1
m-2
m-3
m-4
m-5
mx-auto
p-0
p-1
p-2
p-3
p-4
p-5
py-2
px-4

5. Кеңейтілген класстар
flex
inline-flex
block
hidden
grid
container
justify-center
justify-between
items-center
items-start
items-end
gap-4
h-screen
w-full
min-h-screen
max-w-md

6. Басқару класстары
hover:bg-gray-200
focus:outline-none
focus:ring
active:bg-gray-600
disabled:opacity-50

7. Responsive класстары
sm:text-lg
md:bg-blue-500
lg:p-4
xl:m-8
2xl:flex

8. Шрифт класстары
font-sans
font-serif
font-mono
leading-tight
leading-normal
leading-loose

9. Келбеттер
rounded
rounded-lg
rounded-full
shadow
shadow-lg
shadow-md
shadow-xl
shadow-2xl
opacity-50
cursor-pointer