Logo

Box Shadows for Tailwind CSS

A curated list of box shadows for Tailwind CSS. Available in JIT πŸš€ and vanilla CSS.

πŸ–± click to copy styles & press ⌘+D to bookmark this page.

or

Copied! πŸŽ‰

Standard

Click buttons to copy

Copied! πŸŽ‰

Aesthetic

Click buttons to copy

Copied! πŸŽ‰

Demure

Click buttons to copy

Copied! πŸŽ‰

Jubilation

Click buttons to copy

Copied! πŸŽ‰

Derek

Click buttons to copy

Copied! πŸŽ‰

Sprightly

Click buttons to copy

Copied! πŸŽ‰

Vigorous

Click buttons to copy

Copied! πŸŽ‰

Euphonious

Click buttons to copy

Copied! πŸŽ‰

Crescendo

Click buttons to copy

Copied! πŸŽ‰

Mondegreen

Click buttons to copy

Copied! πŸŽ‰

Nimble

Click buttons to copy

Copied! πŸŽ‰

Next.js

Click buttons to copy

Copied! πŸŽ‰

Champagne

Click buttons to copy

Copied! πŸŽ‰

India

Click buttons to copy

Copied! πŸŽ‰

Warm

Click buttons to copy

Copied! πŸŽ‰

Intense

Click buttons to copy

Copied! πŸŽ‰

Subtle

Click buttons to copy

Copied! πŸŽ‰

TailwindCSS

Click buttons to copy

Copied! πŸŽ‰

Ragnarok

Click buttons to copy

Copied! πŸŽ‰

Sleek

Click buttons to copy

Copied! πŸŽ‰

Gondor

Click buttons to copy

Copied! πŸŽ‰

Studydesk

Click buttons to copy

Copied! πŸŽ‰

PurpleStamp

Click buttons to copy

Copied! πŸŽ‰

Stiglitz

Click buttons to copy

Copied! πŸŽ‰

Brutal

Click buttons to copy

Copied! πŸŽ‰

Intense

Click buttons to copy
Adding more, bookmark the page to stay updated πŸ‘‡πŸ»πŸ˜‡

Box Shadow Generator for Tailwind CSS

A free tool that helps you generate box shadows for Tailwind CSS and Vanilla CSS with ease.

Manu Arora

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?

Want a modern, creative and unique website? Talk to us

We are here to help you with your next project. Reach out to us, and we'll respond as soon as possible.

John Shahawy
Henrik SΓΆderlund
John Ferry
Meru Gokhale
Georg Weingartner
Jonathan Barshop
Ray Thai
Tony Pujals
A product by Aceternity
Building in public at @mannupaaji