Content is loading…
Share
Soft UI / neumorphic shadow generator with live preview.
border-radius: 50px; background: #e0e5ec; box-shadow: 20px 20px 60px #bec3c9, -20px -20px 60px #e7ebf1;
Design soft, extruded UI shapes (neumorphism / soft UI) with paired light and dark shadows that match your background color. Pick distance, intensity, blur, shape (flat, concave, convex, pressed) and copy the CSS instantly. Light and dark mode previews.
Create soft UI design elements by generating custom neumorphic shadows and shapes with live CSS previews.
Select your element background color
Choose a background color for your UI element to ensure the light and dark shadows blend perfectly for the soft UI effect.
Adjust shadow distance and intensity
Use the sliders to define how far the shadows extend and how strong the contrast appears against the surface.
Configure blur and shape style
Set the blur radius and choose between flat, concave, convex, or pressed shapes to achieve the desired extrusion depth.
Preview in light and dark modes
Check the live preview area to see how your neumorphic design looks in different lighting environments.
Copy the generated CSS code
Click the copy button to grab the complete box-shadow and background CSS properties for use in your project.
Estimated time: PT1M
Share this tool
Visually create CSS box shadows with live preview and one-click copy.
Build frosted-glass effects with live preview and copy-ready CSS.
Design custom CSS border radius shapes with live preview.
Remove whitespace and comments to minify CSS code.
Convert colors between HEX, RGB, and HSL formats.
Visually build CSS gradients and copy the CSS output.
Upload an image and get all favicon sizes + HTML link tags.
Generate custom placeholder images with any size, color, and text.
Extract dominant colors from any image and export as HEX, RGB, HSL, CSS, or JSON.
Convert text or Markdown to a Word .docx file with live preview, RTL, and page-setup options.
See your public IP address plus full location, ISP, ASN, timezone, coordinates, and more.
Load and compare multiple URLs side by side in resizable iframes.
Convert Markdown to a fully customized, RTL-ready PDF.
Play local or online videos with HLS stream support, subtitles, playlist, and bookmarks.
Convert images to video with the Ken Burns zoom/pan effect. Add music and export as WebM.
Convert Markdown to a formatted Word .docx — live preview, RTL, tables, page setup, all client-side.
Buy social media marketing services — followers, likes, views and more.
