Interactive Tailwind CSS

Basic Classes
Image Classes

Configure Styles

Background Color

Red Green Blue

Text Color

White Black Gray

Padding

Choose Padding Type

p-2 p-4 p-8

Top

pt-2 pt-4 pt-8

Bottom

pb-2 pb-4 pb-8

Left

pl-2 pl-4 pl-8

Right

pr-2 pr-4 pr-8

Margin

Choose Margin Type

m-2 m-4 m-8

Top

mt-2 mt-4 mt-8

Bottom

mb-2 mb-4 mb-8

Left

ml-2 ml-4 ml-8

Right

mr-2 mr-4 mr-8

Preview & Code

Your styled element will appear here.

Generated Code

<div class="">Your styled element will appear here.</div>

Configure Styles

Image Preview & Code

userkace

Generated Code

<img class="" src="./assets/sample.jpg" alt="userkace">

Github Repository