Generate a Neumorphism Box Shadow Online
Stack a light and a dark shadow layer to create the soft extruded neumorphism look, or build a subtle material card shadow. Adjust offset, blur, spread, and color with sliders and copy the box-shadow CSS when the preview looks right.
CSS Box Shadow Generator
Create beautiful CSS box shadows with a visual builder and live preview
.element {
box-shadow:
5px 5px 15px 0px rgba(0, 0, 0, 0.2);
}No vendor prefix needed for modern browsers. Add -webkit-box-shadow only if you must support very old Android / iOS Safari.
shadow-[5px_5px_15px_0px_rgba(0,0,0,0.2)]Uses Tailwind's arbitrary value syntax. Works with Tailwind v3+.
style={{ boxShadow: "5px 5px 15px 0px rgba(0, 0, 0, 0.2)" }}Quick Start
- 1Add two shadow layers with opposite offsets
- 2Set one layer light and one dark for the neumorphic look
- 3Tune blur and spread until the preview matches your design
- 4Copy the generated box-shadow CSS
More Generate Tools
All generators →Generate a Linear Gradient in CSS Online
Create a CSS linear gradient with a visual angle control and color stops. Free linear gradient generator with live preview and copy, no signup.
Generate a Blog Post URL Slug Online
Turn a post title into a clean, SEO-friendly slug. Free slug generator for WordPress permalinks and blog URLs, no signup.
Generate a Tailwind Color Palette Online
Build a 50 to 950 color scale from one base color. Free Tailwind palette generator with HEX, RGB, and config output, no signup.
Generate a Favicon From an Image Online
Upload a PNG, JPG, or SVG logo and generate favicons in every size. Free online image to favicon generator with HTML link tags.
Generate a Favicon From an Emoji Online
Turn any emoji into a website favicon in seconds. Free online emoji favicon generator with all required icon sizes.
Generate a robots.txt to Block All Bots Online
Create a robots.txt that disallows all crawlers from your site. Free online robots.txt generator with a block-all preset.
Looking for FAQs and advanced options? Visit the full CSS Box Shadow Generator page →