CSS Cheatsheets

Border Radius Generator

Border Radius: 4px (rounded)

CSS Code:

border-radius: 4px;

Tailwind Class with Pixels:

<div class="rounded-[4px]"></div>

Tailwind Class:

<div class="rounded"></div>

Gradient TypeColor 1Color 2Direction

Gradient Preview

CSS Code

background: linear-gradient(to right, #352d8b, #111827);

Tailwind Class

bg-gradient-to-r from-[#352d8b] to-[#111827]

WIP more to come...