Generated Tailwind CSS

Basic Classes
Image Classes

Configure Styles

Background Color

Red Green Blue Orange Violet

Text Color

White Black Gray

Font Size

XS SM Base LG XL

Padding

p-2 p-4 p-6 p-8

Margin

m-2 m-4 m-8 m-10

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/tailwindcss.jpg" alt="lowish">

Installation & Setup

Terminal

npm install -D tailwindcss

npx tailwindcss init

Setup with Tailwind CDN

HTML

<script src="https://cdn.tailwindcss.com"></script>

Github Repository