10% off on all-access. Use code SUPER10.
    d :
    h :
    m :
    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
    Logo
    Aceternity UI

    Access an ever-growing collection of premium, meticulously crafted templates and Component Blocks.

    A product by Aceternity
    Building in public at @mannupaaji

    © 2026 Aceternity Labs LLC. All Rights Reserved.