Style Your Loader

Toolbox

Component

Edit Board

Canvas settings

Background color

Use HEX (e.g., #0dbeef) or pick a color.

Grid columns

For visual check show Grid Dot

124

Grid row height

For visual check show Grid Dot

1100

Gap (px)2px

010

Corner Radius

Applied to all elements.click here

apply

8px

064

Tip: Sliders act like horizontal volume controls. Hold Shift for finer control (on some browsers).

Preview

Show grid dots

Code

Test your code with:Tailwind Playground

Copy

1<div class="w-full max-w-full animate-pulse">
2  <div class="grid gap-2" style="grid-template-columns:repeat(12,1fr); grid-auto-rows:18px; background-color:#ffffff; overflow:hidden;">
3    
4  </div>
5</div>