Free Tailwind Shadow Generator Online - Create Box Shadows
Generate custom box shadows with Tailwind CSS. Free online Tailwind shadow generator with live preview and custom values. No signup needed.
Quick Presets
Preview
Card Preview
Shadow effect visible here
Shadow Layers (2)
1Outer Shadow
0
4
6
-1
2Outer Shadow
0
2
4
-1
Output Code
shadow-[0px_4px_6px_-1px_rgba(0,0,0,0.1),0px_2px_4px_-1px_rgba(0,0,0,0.06)]