is now part of Shuffle™. The new editor includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI.
Switch to Shuffle →
Menu
How it works
Features
Components
Pricing
Log in
Try Demo
Tailwind CSS classes
Search
Animation
.ease-linear / .ease-*
.duration-75
.duration-100
.duration-150
.duration-200
.duration-300
.duration-500
.duration-700
.duration-1000
.delay-75
.delay-100
.delay-150
.delay-200
.delay-300
.delay-500
.delay-700
.delay-1000
.transition / .transition-*
Animations
.animate-bounce
.animate-none
.animate-ping
.animate-pulse
.animate-spin
Background
.bg-auto
.bg-cover
.bg-contain
.bg-bottom
.bg-top
.bg-center
.bg-left
.bg-left-bottom
.bg-left-top
.bg-right
.bg-right-bottom
.bg-right-top
.bg-fixed
.bg-local
.bg-scroll
.bg-no-repeat
.bg-repeat
.bg-repeat-x
.bg-repeat-y
.bg-repeat-round
.bg-repeat-space
.bg-opacity-0
.bg-opacity-25
.bg-opacity-50
.bg-opacity-75
.bg-opacity-100
.bg-none
Background clip
.bg-clip-border
.bg-clip-content
.bg-clip-padding
.bg-clip-text
Background color
.bg-transparent
.bg-current
.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-red-200
.bg-red-300
.bg-red-400
.bg-red-500
.bg-red-600
.bg-red-700
.bg-red-800
.bg-red-900
.bg-orange-100
.bg-orange-200
.bg-orange-300
.bg-orange-400
.bg-orange-500
.bg-orange-600
.bg-orange-700
.bg-orange-800
.bg-orange-900
.bg-yellow-100
.bg-yellow-200
.bg-yellow-300
.bg-yellow-400
.bg-yellow-500
.bg-yellow-600
.bg-yellow-700
.bg-yellow-800
.bg-yellow-900
.bg-green-100
.bg-green-200
.bg-green-300
.bg-green-400
.bg-green-500
.bg-green-600
.bg-green-700
.bg-green-800
.bg-green-900
.bg-teal-100
.bg-teal-200
.bg-teal-300
.bg-teal-400
.bg-teal-500
.bg-teal-600
.bg-teal-700
.bg-teal-800
.bg-teal-900
.bg-blue-100
.bg-blue-200
.bg-blue-300
.bg-blue-400
.bg-blue-500
.bg-blue-600
.bg-blue-700
.bg-blue-800
.bg-blue-900
.bg-indigo-100
.bg-indigo-200
.bg-indigo-300
.bg-indigo-400
.bg-indigo-500
.bg-indigo-600
.bg-indigo-700
.bg-indigo-800
.bg-indigo-900
.bg-purple-100
.bg-purple-200
.bg-purple-300
.bg-purple-400
.bg-purple-500
.bg-purple-600
.bg-purple-700
.bg-purple-800
.bg-purple-900
.bg-pink-100
.bg-pink-200
.bg-pink-300
.bg-pink-400
.bg-pink-500
.bg-pink-600
.bg-pink-700
.bg-pink-800
.bg-pink-900
Background gradient
.bg-gradient-to-b
.bg-gradient-to-bl
.bg-gradient-to-br
.bg-gradient-to-l
.bg-gradient-to-r
.bg-gradient-to-t
.bg-gradient-to-tl
.bg-gradient-to-tr
.from-blue-100
.from-current
.from-gray-100
.from-indigo-100
.from-pink-100
.from-purple-100
.from-red-100
.from-transparent
.from-white
.from-yellow-100
.from-transparent
.to-black
.to-blue-100
.to-current
.to-gray-100
.to-green-100
.to-indigo-100
.to-pink-100
.to-purple-100
.to-red-100
.to-transparent
.to-white
.to-yellow-100
.top-1
.via-black
.via-blue-100
.via-current
.via-gray-100
.via-green-100
.via-indigo-100
.via-pink-100
.via-purple-100
.via-red-100
.via-transparent
.via-white
.via-yellow-100
Border color
.border-transparent
.border-current
.border-black
.border-white
.border-gray-100
.border-gray-200
.border-gray-300
.border-gray-400
.border-gray-500
.border-gray-600
.border-gray-700
.border-gray-800
.border-gray-900
.border-red-100
.border-red-200
.border-red-300
.border-red-400
.border-red-500
.border-red-600
.border-red-700
.border-red-800
.border-red-900
.border-orange-100
.border-orange-200
.border-orange-300
.border-orange-400
.border-orange-500
.border-orange-600
.border-orange-700
.border-orange-800
.border-orange-900
.border-yellow-100
.border-yellow-200
.border-yellow-300
.border-yellow-400
.border-yellow-500
.border-yellow-600
.border-yellow-700
.border-yellow-800
.border-yellow-900
.border-green-100
.border-green-200
.border-green-300
.border-green-400
.border-green-500
.border-green-600
.border-green-700
.border-green-800
.border-green-900
.border-teal-100
.border-teal-200
.border-teal-300
.border-teal-400
.border-teal-500
.border-teal-600
.border-teal-700
.border-teal-800
.border-teal-900
.border-blue-100
.border-blue-200
.border-blue-300
.border-blue-400
.border-blue-500
.border-blue-600
.border-blue-700
.border-blue-800
.border-blue-900
.border-indigo-100
.border-indigo-200
.border-indigo-300
.border-indigo-400
.border-indigo-500
.border-indigo-600
.border-indigo-700
.border-indigo-800
.border-indigo-900
.border-purple-100
.border-purple-200
.border-purple-300
.border-purple-400
.border-purple-500
.border-purple-600
.border-purple-700
.border-purple-800
.border-purple-900
.border-pink-100
.border-pink-200
.border-pink-300
.border-pink-400
.border-pink-500
.border-pink-600
.border-pink-700
.border-pink-800
.border-pink-900
Borders
.border-solid
.border-dashed
.border-dotted
.border-double
.border-none
.border
.border-0
.border-2
.border-4
.border-8
.border-*-# / .border-t-2
.border-opacity-25 / border-*-#
.divide-x
.divide-x-0
.divide-x-2
.divide-x-4
.divide-x-8
.divide-y
.divide-y-0
.divide-y-2
.divide-y-4
.divide-y-8
.divide-gray-100 / .divide-*-#
.divide-x-reverse / .divide-*-reverse
.divide-opacity-25 / .divide-opacity-*
.border-collapse
.border-separate
.rounded / .rounded-*
.border-b
.border-b-0
.border-blue-50
.border-gray-50
.border-green-50
.border-indigo-50
.border-l
.border-l-0
.border-opacity-0
.border-pink-50
.border-purple-50
.border-r
.border-r-0
.border-red-50
.border-t
.border-t-0
.border-yellow-50
.rounded-2xl
.rounded-3xl
.rounded-b-2xl
.rounded-b-3xl
.rounded-b-xl
.rounded-bl-2xl
.rounded-bl-3xl
.rounded-bl-xl
.rounded-br-2xl
.rounded-br-3xl
.rounded-br-xl
.rounded-l-2xl
.rounded-l-xl
.rounded-r-2xl
.rounded-r-3xl
.rounded-r-xl
.rounded-t-2xl
.rounded-t-3xl
.rounded-t-xl
.rounded-tl-2xl
.rounded-tl-3xl
.rounded-tl-xl
.rounded-tr-2xl
.rounded-tr-3xl
.rounded-tr-xl
.rounded-xl
Box
.box-border
.box-content
Colors
.bg-blue-50
.bg-gray-50
.bg-green-50
.bg-indigo-50
.bg-opacity-10
.bg-pink-50
.bg-purple-50
.bg-red-50
.bg-yellow-50
Display
.block
.hidden
.inline
.inline-block
.inline-flex
.inline-grid
.flex
.grid
.flow-root
Divide
.divide-black
.divide-blue-100
.divide-current
.divide-dashed
.divide-dotted
.divide-doubble
.divide-gray-100
.divide-green-100
.divide-indigo-100
.divide-none
.divide-opacity-0
.divide-pink-100
.divide-purple-100
.divide-red-100
.divide-solid
.divide-transparent
.divide-white
.divide-x-reverse
.divide-y-reverse
.divide-yellow-100
Flex
.flex-row
.flex-row-reverse
.flex-col
.flex-col-reverse
.flex-initial
.flex-1
.flex-auto
.flex-none
.flex-no-wrap
.flex-wrap
.flex-wrap-reverse
.items-stretch / .items-*
.content-start / .content-*
.justify-start / .justify-*
.self-start / .self-*
.flex-grow / .flex-grow-0
.flex-shrink / .flex-shrink-0
.order-1 / .order-*
Flexbox
.content-around
.content-between
.content-center
.content-end
.content-evenly
.content-start
.contents
.flex-nowrap
.justify-items-auto
.justify-items-center
.justify-items-end
.justify-items-start
.justify-items-stretch
.justify-self-auto
.justify-self-center
.justify-self-end
.justify-self-start
.justify-self-stretch
.space-x-7
.space-x-px
.space-x-reverse
.space-y-px
.space-y-reverse
Forms
.focus-within
.from-black
Grid
.col-auto
.col-span-1 / .col-span-*
.col-start-1 / .col-start-*
.col-end-1 / .col-end-*
.gap-0 / .gap-*
.row-gap-0 / .row-gap-*
.col-gap-0 / .col-gap-*
.grid-rows-1 / .grid-rows-*
.grid-cols-1 / .grid-cols-*
.grid-flow-row
.grid-flow-row-dense
.grid-flow-col
.grid-flow-col-dense
.row-span-1 / .row-span-*
.row-start-auto
.row-start-1
.row-start-2
.row-start-3
.row-start-4
.row-start-5
.row-start-6
.row-start-7
.row-end-auto
.row-end-1
.row-end-2
.row-end-3
.row-end-4
.row-end-5
.row-end-6
.row-end-7
.auto-cols-auto
.auto-cols-fr
.auto-cols-max
.auto-cols-min
.auto-rows-auto
.auto-rows-fr
.auto-rows-max
.auto-rows-min
.auto-rows-min
.col-end-1
.col-end-auto
.col-span-1
.col-span-full
.col-start-1
.col-start-auto
.gap-0
.gap-px
.gap-x-0
.gap-x-px
.gap-y-0
.gap-y-px
.place-content-around
.place-content-between
.place-content-center
.place-content-end
.place-content-evenly
.place-content-start
.place-content-stretch
.place-items-auto
.place-items-center
.place-items-end
.place-items-start
.place-items-stretch
.place-self-auto
.place-self-end
.place-self-start
.place-self-stretch
.row-auto
.row-span-1
.row-span-full
Group hover
.group-hover
.group-hover
Height
.h-0
.h-1
.h-2
.h-3
.h-4
.h-5
.h-6
.h-8
.h-10
.h-12
.h-16
.h-20
.h-24
.h-32
.h-40
.h-48
.h-56
.h-64
.h-auto
.h-px
.h-full
.h-screen
.max-h-full
.max-h-screen
.min-h-0
.min-h-full
.min-h-screen
.max-h-px
List
.list-disc / .list-*
.list-inside / .list-outside
Margins
.m-0
.m-1
.m-2
.m-3
.m-4
.m-5
.m-6
.m-8
.m-10
.m-12
.m-16
.m-20
.m-24
.m-32
.m-40
.m-48
.m-56
.m-64
.m-auto
.m-px
.mb-0
.mb-1
.mb-2
.mb-3
.mb-4
.mb-5
.mb-6
.mb-8
.mb-10
.mb-12
.mb-16
.mb-20
.mb-24
.mb-32
.mb-40
.mb-48
.mb-56
.mb-64
.mb-auto
.mb-px
.mr-0
.mr-1
.mr-2
.mr-3
.mr-4
.mr-5
.mr-6
.mr-8
.mr-10
.mr-12
.mr-16
.mr-20
.mr-24
.mr-32
.mr-40
.mr-48
.mr-56
.mr-64
.mr-auto
.mr-px
.mt-0
.mt-1
.mt-2
.mt-3
.mt-4
.mt-5
.mt-6
.mt-8
.mt-10
.mt-12
.mt-16
.mt-20
.mt-24
.mt-32
.mt-40
.mt-48
.mt-56
.mt-64
.mt-auto
.mt-px
.ml-0
.ml-1
.ml-2
.ml-3
.ml-4
.ml-5
.ml-6
.ml-8
.ml-10
.ml-12
.ml-16
.ml-20
.ml-24
.ml-32
.ml-40
.ml-48
.ml-56
.ml-64
.ml-auto
.ml-px
.mx-0
.mx-1
.mx-2
.mx-3
.mx-4
.mx-5
.mx-6
.mx-8
.mx-10
.mx-12
.mx-16
.mx-20
.mx-24
.mx-32
.mx-40
.mx-48
.mx-56
.mx-64
.mx-auto
.mx-px
.my-0
.my-1
.my-2
.my-3
.my-4
.my-5
.my-6
.my-8
.my-10
.my-12
.my-16
.my-20
.my-24
.my-32
.my-40
.my-48
.my-56
.my-64
.my-auto
.my-px
.-m-1
.-m-2
.-m-3
.-m-4
.-m-5
.-m-6
.-m-8
.-m-10
.-m-12
.-m-16
.-m-20
.-m-24
.-m-32
.-m-40
.-m-48
.-m-56
.-m-64
.-m-px
.-mb-1
.-mb-2
.-mb-3
.-mb-4
.-mb-5
.-mb-6
.-mb-8
.-mb-10
.-mb-12
.-mb-16
.-mb-20
.-mb-24
.-mb-32
.-mb-40
.-mb-48
.-mb-56
.-mb-64
.-mb-px
.-mr-1
.-mr-2
.-mr-3
.-mr-4
.-mr-5
.-mr-6
.-mr-8
.-mr-10
.-mr-12
.-mr-16
.-mr-20
.-mr-24
.-mr-32
.-mr-40
.-mr-48
.-mr-56
.-mr-64
.-mr-px
.-mt-1
.-mt-2
.-mt-3
.-mt-4
.-mt-5
.-mt-6
.-mt-8
.-mt-10
.-mt-12
.-mt-16
.-mt-20
.-mt-24
.-mt-32
.-mt-40
.-mt-48
.-mt-56
.-mt-64
.-mt-px
.-ml-1
.-ml-2
.-ml-3
.-ml-4
.-ml-5
.-ml-6
.-ml-8
.-ml-10
.-ml-12
.-ml-16
.-ml-20
.-ml-24
.-ml-32
.-ml-40
.-ml-48
.-ml-56
.-ml-64
.-ml-px
.-mx-1
.-mx-2
.-mx-3
.-mx-4
.-mx-5
.-mx-6
.-mx-8
.-mx-10
.-mx-12
.-mx-16
.-mx-20
.-mx-24
.-mx-32
.-mx-40
.-mx-48
.-mx-56
.-mx-64
.-mx-px
.-my-1
.-my-2
.-my-3
.-my-4
.-my-5
.-my-6
.-my-8
.-my-10
.-my-12
.-my-16
.-my-20
.-my-24
.-my-32
.-my-40
.-my-48
.-my-56
.-my-64
.-my-px
.mt-11
.mb-11
.ml-11
.mr-11
.mt-11
.mx-11
.my-11
Nums
.lining-nums
.normal-nums
.oldstyle-nums
.stacked-fractions
Opacity
.opacity-10
Outline
.outline-black
.outline-white
Paddings
.p-0
.p-1
.p-2
.p-3
.p-4
.p-5
.p-6
.p-8
.p-10
.p-12
.p-16
.p-20
.p-24
.p-32
.p-40
.p-48
.p-56
.p-64
.p-px
.pb-0
.pb-1
.pb-2
.pb-3
.pb-4
.pb-5
.pb-6
.pb-8
.pb-10
.pb-12
.pb-16
.pb-20
.pb-24
.pb-32
.pb-40
.pb-48
.pb-56
.pb-64
.pb-px
.pr-0
.pr-1
.pr-2
.pr-3
.pr-4
.pr-5
.pr-6
.pr-8
.pr-10
.pr-12
.pr-16
.pr-20
.pr-24
.pr-32
.pr-40
.pr-48
.pr-56
.pr-64
.pr-px
.pt-0
.pt-1
.pt-2
.pt-3
.pt-4
.pt-5
.pt-6
.pt-8
.pt-10
.pt-12
.pt-16
.pt-20
.pt-24
.pt-32
.pt-40
.pt-48
.pt-56
.pt-64
.pt-px
.pl-0
.pl-1
.pl-2
.pl-3
.pl-4
.pl-5
.pl-6
.pl-8
.pl-10
.pl-12
.pl-16
.pl-20
.pl-24
.pl-32
.pl-40
.pl-48
.pl-56
.pl-64
.pl-px
.px-0
.px-1
.px-2
.px-3
.px-4
.px-5
.px-6
.px-8
.px-10
.px-12
.px-16
.px-20
.px-24
.px-32
.px-40
.px-48
.px-56
.px-64
.px-px
.py-0
.py-1
.py-2
.py-3
.py-4
.py-5
.py-6
.py-8
.py-10
.py-12
.py-16
.py-20
.py-24
.py-32
.py-40
.py-48
.py-56
.py-64
.py-px
.p-11
.pb-11
.pl-11
.pr-11
.pt-11
.px-11
.py-11
Positioning
.align-*
.clear-left
.clear-right
.clear-both
.clear-none
.clearfix
.float-*
.inset-y-0 / .inset-*-#
.top-0 / .top-*
.left-0 / .left-*
.right-0 / .right-*
.bottom-0 / .bottom-*
.object-center
.object-bottom
.object-left
.object-left-bottom
.object-left-top
.object-right
.object-right-bottom
.object-right-top
.object-top
.object-contain / .object-*
.z-10 / .z-*
.static
.relative
.absolute
.fixed
.sticky
.-bottom-1
.-bottom-px
.-inset-0
.-inset-px
.-inset-x-0
.-inset-y-0
.-inset-y-full
.-inset-y-px
.-left-0
.-left-full
.-left-px
.-m-0
.-m-px
.-mb-0
.-mb-px
.-ml-0
.-ml-px
.-mr-0
.-mr-px
.-mt-0
.-mt-px
.-mx-0
.-mx-px
.-my-0
.-my-px
.-right-0
.-right-full
.-right-px
.-rotate-1
.-skew-x-1
.-skew-y-1
.-space-x-0
.-space-x-px
.-space-y-0
.-space-y-px
.-top-0
.-top-px
.-translate-x-0
.-translate-x-full
.-translate-x-px
.-translate-y-0
.-translate-y-px
.absolute
.align-baseline
.align-bottom
.align-middle
.align-text-bottom
.align-text-top
.align-top
.bottom-0
.bottom-auto
.bottom-full
.bottom-px
.inset-1
.inset-full
.inset-px
.inset-x-1
.inset-x-full
.inset-x-px
.inset-y-1
.inset-y-full
.inset-y-px
.left-1
.left-full
.left-px
.right-1
.right-auto
.right-full
.right-px
.top-full
.top-px
Pseudo class
.hover
.focus
Responsive
.container
.sm:
.md:
.lg:
.xl:
Ring
.ring
.ring-0
.ring-black
.ring-blue-100
.ring-current
.ring-gray-100
.ring-green-100
.ring-inding-100
.ring-inset
.ring-offset-0
.ring-offset-black
.ring-offset-blue-100
.ring-offset-current
.ring-offset-gray-100
.ring-offset-green-100
.ring-offset-indigo-100
.ring-offset-pink-100
.ring-offset-purple-100
.ring-offset-red-100
.ring-offset-transparent
.ring-offset-white
.ring-offset-yellow-100
.ring-opacity-0
.ring-pink-100
.ring-purple-100
.ring-red-100
.ring-transparent
.ring-white
.ring-yellow-100
Scroll
.overscroll-contain
.overscroll-x-auto
.overscroll-x-contain
.overscroll-x-none
.overscroll-y-auto
.overscroll-y-contain
.overscroll-y-none
Shadows
.shadow-xs
.shadow-sm
.shadow
.shadow-md
.shadow-lg
.shadow-xl
.shadow-2xl
.shadow-inner
.shadow-outline
.shadow-none
Sizing
.h-11
Spacing
.space-x-1 / .space-x-*
.space-y-1 / .space-y-*
.-space-x-1 / .-space-x-*
.-space-y-1 / .-space-y-*
.space-x-reverse / .space-y-reverse
Svg
.fill-current
.stroke-current
.stroke-0 / .stroke-*
Table
.table
.table-caption
.table-cell
.table-column
.table-column-group
.table-footer-group
.table-header-group
.table-row-group
.table-row
.table-auto / .table-fixed
Text
.antialiased
.subpixel-antialiased
.text-opacity-*
.break-normal
.break-words
.break-all
.truncate
.uppercase
.lowercase
.capitalize
.normal-case
.leading-none
.leading-tight
.leading-snug
.leading-normal
.leading-relaxed
.leading-loose
.leading-3
.leading-4
.leading-5
.leading-6
.leading-7
.leading-8
.leading-9
.leading-10
.underline
.line-through
.no-underline
.font-hairline
.font-thin
.font-light
.font-normal
.font-medium
.font-semibold
.font-bold
.font-extrabold
.font-black
.text-xs
.text-sm
.text-base
.text-lg
.text-xl
.text-2xl
.text-3xl
.text-4xl
.text-5xl
.text-6xl
.font-sans
.font-serif
.font-mono
.text-left
.text-center
.text-right
.text-justify
.italic
.not-italic
.whitespace-normal / .whitespace-*
.tracking-tighter
.tracking-tight
.tracking-normal
.tracking-wide
.tracking-wider
.tracking-widest
Text color
.text-transparent
.text-current
.text-black
.text-white
.text-gray-100
.text-gray-200
.text-gray-300
.text-gray-400
.text-gray-500
.text-gray-600
.text-gray-700
.text-gray-800
.text-gray-900
.text-red-100
.text-red-200
.text-red-300
.text-red-400
.text-red-500
.text-red-600
.text-red-700
.text-red-800
.text-red-900
.text-orange-100
.text-orange-200
.text-orange-300
.text-orange-400
.text-orange-500
.text-orange-600
.text-orange-700
.text-orange-800
.text-orange-900
.text-yellow-100
.text-yellow-200
.text-yellow-300
.text-yellow-400
.text-yellow-500
.text-yellow-600
.text-yellow-700
.text-yellow-800
.text-yellow-900
.text-green-100
.text-green-200
.text-green-300
.text-green-400
.text-green-500
.text-green-600
.text-green-700
.text-green-800
.text-green-900
.text-teal-100
.text-teal-200
.text-teal-300
.text-teal-400
.text-teal-500
.text-teal-600
.text-teal-700
.text-teal-800
.text-teal-900
.text-blue-100
.text-blue-200
.text-blue-300
.text-blue-400
.text-blue-500
.text-blue-600
.text-blue-700
.text-blue-800
.text-blue-900
.text-indigo-100
.text-indigo-200
.text-indigo-300
.text-indigo-400
.text-indigo-500
.text-indigo-600
.text-indigo-700
.text-indigo-800
.text-indigo-900
.text-purple-100
.text-purple-200
.text-purple-300
.text-purple-400
.text-purple-500
.text-purple-600
.text-purple-700
.text-purple-800
.text-purple-900
.text-pink-100
.text-pink-200
.text-pink-300
.text-pink-400
.text-pink-500
.text-pink-600
.text-pink-700
.text-pink-900
.text-pink-800
.text-blue-50
.text-gray-50
.text-green-50
.text-indigo-50
.text-opacity-10
.text-pink-50
.text-purple-50
.text-red-50
.text-yellow-50
Transform
.transform / .transform-none
.origin-center / .origin-*
.translate-x-0
.translate-x-1
.translate-x-2
.translate-x-3
.translate-x-4
.translate-x-5
.translate-x-6
.translate-x-8
.translate-x-10
.translate-x-12
.translate-x-16
.translate-x-20
.translate-x-24
.translate-x-32
.translate-x-40
.translate-x-48
.translate-x-56
.translate-x-64
.translate-x-px
.translate-x-1/2
.translate-x-full
.translate-y-0
.translate-y-1
.translate-y-2
.translate-y-3
.translate-y-4
.translate-y-5
.translate-y-6
.translate-y-8
.translate-y-10
.translate-y-12
.translate-y-16
.translate-y-20
.translate-y-24
.translate-y-32
.translate-y-40
.translate-y-48
.translate-y-56
.translate-y-64
.translate-y-px
.translate-y-1/2
.translate-y-full
.-translate-x-1
.-translate-x-2
.-translate-x-3
.-translate-x-4
.-translate-x-5
.-translate-x-6
.-translate-x-8
.-translate-x-10
.-translate-x-12
.-translate-x-16
.-translate-x-20
.-translate-x-24
.-translate-x-32
.-translate-x-40
.-translate-x-48
.-translate-x-56
.-translate-x-64
.-translate-x-px
.-translate-x-1/2
.-translate-x-full
.-translate-y-1
.-translate-y-2
.-translate-y-3
.-translate-y-4
.-translate-y-5
.-translate-y-6
.-translate-y-8
.-translate-y-10
.-translate-y-12
.-translate-y-16
.-translate-y-20
.-translate-y-24
.-translate-y-32
.-translate-y-40
.-translate-y-48
.-translate-y-56
.-translate-y-64
.-translate-y-px
.-translate-y-1/2
.-translate-y-full
.scale-0 / .scale-*
.scale-x-0
.scale-x-50
.scale-x-75
.scale-x-90
.scale-x-95
.scale-x-100
.scale-x-105
.scale-x-110
.scale-x-125
.scale-x-150
.scale-y-0
.scale-y-50
.scale-y-75
.scale-y-90
.scale-y-95
.scale-y-100
.scale-y-105
.scale-y-110
.scale-y-125
.scale-y-150
.rotate-0
.rotate-45
.rotate-90
.rotate-180
.-rotate-45
.-rotate-90
.-rotate-180
.skew-x-0
.skew-x-3
.skew-x-6
.skew-x-12
.skew-y-0
.skew-y-3
.skew-y-6
.skew-y-12
.-skew-x-3
.-skew-x-6
.-skew-x-12
.-skew-y-3
.-skew-y-6
.-skew-y-12
.diagonal-fractions
.rotate-1
.skew-x-1
.skew-x-2
.skew-y-1
.skew-y-2
.transform-gpu
.translate-x-11
.translate-y-11
Typography
.font-extralight
.text-7xl
.text-8xl
.text-9xl
Utilities
.cursor-auto
.cursor-default
.cursor-move
.cursor-pointer
.cursor-text
.cursor-wait
.cursor-not-allowed
.appearance-none
.placeholder-transparent::placeholder
.placeholder-current::placeholder
.placeholder-black::placeholder
.placeholder-white::placeholder
.placeholder-gray-600::placeholder
.placeholder-red-600::placeholder
.placeholder-orange-600::placeholder
.placeholder-yellow-600::placeholder
.placeholder-green-600::placeholder
.placeholder-teal-600::placeholder
.placeholder-blue-600::placeholder
.placeholder-indigo-600::placeholder
.placeholder-purple-600::placeholder
.placeholder-pink-600::placeholder
.placeholder-gray-100::placeholder
.placeholder-gray-200::placeholder
.placeholder-gray-300::placeholder
.placeholder-gray-400::placeholder
.placeholder-gray-500::placeholder
.placeholder-gray-600::placeholder
.placeholder-gray-700::placeholder
.placeholder-gray-800::placeholder
.placeholder-gray-900::placeholder
.placeholder-opacity-0
.placeholder-opacity-25
.placeholder-opacity-50
.placeholder-opacity-75
.placeholder-opacity-100
.outline-none
.overflow-hidden / .overflow-*
.scrolling-touch / .scrolling-auto
.pointer-events-none
.pointer-events-auto
.resize
.resize-none
.resize-y
.resize-x
.select-none
.select-text
.select-all
.select-auto
.placeholder-blue-100
.placeholder-current
.placeholder-gray-100
.placeholder-green-100
.placeholder-indigo-100
.placeholder-opacity-10
.placeholder-pink-100
.placeholder-purple-100
.placeholder-red-100
.placeholder-transparent
.placeholder-white
.placeholder-yellow-100
Visibility
.opacity-100
.opacity-75
.opacity-50
.opacity-25
.opacity-0
.visible
.invisible
.sr-only / .not-sr-only
Width
.w-0
.w-1
.w-2
.w-3
.w-4
.w-5
.w-6
.w-8
.w-10
.w-12
.w-16
.w-20
.w-24
.w-32
.w-40
.w-48
.w-56
.w-64
.w-auto
.w-px
.w-full
.w-screen
.w-1/2
.w-1/3
.w-2/3
.w-1/4
.w-2/4
.w-3/4
.w-1/5
.w-2/5
.w-3/5
.w-4/5
.w-1/6
.w-2/6
.w-3/6
.w-4/6
.w-5/6
.w-1/12
.w-2/12
.w-3/12
.w-4/12
.w-5/12
.w-6/12
.w-7/12
.w-8/12
.w-9/12
.w-10/12
.w-11/12
.max-w-xs
.max-w-sm
.max-w-md
.max-w-lg
.max-w-xl
.max-w-2xl
.max-w-3xl
.max-w-4xl
.max-w-5xl
.max-w-6xl
.max-w-full
.max-w-screen-sm
.max-w-screen-md
.max-w-screen-lg
.max-w-screen-xl
.max-w-none
.min-w-0
.min-w-full
.max-h-0
.max-w-0
.max-w-7xl
.max-w-max
.max-w-min
.max-w-prose
.max-w-screen-2xl
.min-w-max
.min-w-min
.w-11
Tailwind CSS
Tailwind Editor
Tailwind Components
Tailwind Templates