Box Shadows for TailwindCSS
A curated list of box shadows for TailwindCSS. Available in JIT 🚀 and vanilla CSS.
🖱 click to copy styles & press ⌘+D to bookmark this page.
or
Copied! 🎉
Standard
Copied! 🎉
Aesthetic
Copied! 🎉
Demure
Copied! 🎉
Jubilation
Copied! 🎉
Derek
Copied! 🎉
Sprightly
Copied! 🎉
Vigorous
Copied! 🎉
Euphonious
Copied! 🎉
Crescendo
Copied! 🎉
Mondegreen
Copied! 🎉
Nimble
Copied! 🎉
Next.js
Copied! 🎉
Champagne
Copied! 🎉
India
Copied! 🎉
Warm
Copied! 🎉
Intense
Copied! 🎉
Subtle
Copied! 🎉
TailwindCSS
Copied! 🎉
Ragnarok
Copied! 🎉
Sleek
Copied! 🎉
Gondor
Copied! 🎉
Studydesk
Copied! 🎉
PurpleStamp
Copied! 🎉
Stiglitz
Copied! 🎉
Brutal
Copied! 🎉
Intense
Box Shadow Generator for TailwindCSS
A free tool that helps you generate box shadows for TailwindCSS (JIT) and Vanilla CSS with ease.
Add shadow to this box with the controls on the side panel. This box mimics a card box that you might have on your website.
Add shadow layers, change colors and play with the controls.
Want beautiful shadows already?
0px Horizontal Offset
20px Vertical Offset
20px blur
10px spread
Want to hire me as a freelancer? Let's discuss.
Drop your message and let's discuss about your project.
Chat on WhatsAppDrop in your email ID and I will get back to you.