Tailwind CSS helper

You always forget property image names? You want to convert a unit to the corresponding tailwind class? Or you are simply learning tailwind and would like a bit of help visualizing classes? Then this tool might come in handyǃ

Reset

Object fit

FillContainCoverScale DownNone

object-contain

Click to copy

Reset

topbottomleftright

ⓘ

Click on the side buttons to change the position of the object.

Object position

object-center

Click to copy

Reset

Filter

blurbrightnesscontrastgrayscalehue rotateinvertsaturatesepia

Select helper value

blur-none

Click to copy

0px

Click to copy

pin to the bottom of the screen

Pin to bottom

This is the default value

Click to copy

ⓘ

Example of your settings