1. 01Choose box shadow, neumorphism or frosted glass.
2. 02In box-shadow mode add as many layers as you need, select one and adjust X/Y, blur, spread, opacity, colour and the inner-shadow flag.
3. 03For neumorphism choose the background colour and raised or pressed, then set the distance, blur and light/dark strength.
4. 04For frosted glass set the tint, background opacity, blur and border opacity; copy the live CSS at the bottom.

• Box-shadow X/Y runs from −100 to 100 px, blur 0–200 px, spread −50 to 50 px and opacity 0–100%, with at least one layer kept.
• Neumorphism distance is 2–50 px, blur 0–100 px and strength 5–30%; the light and dark colours come from darkening and lightening the background with colord.
• Frosted glass blur is 0–40 px and background and border opacity 0–100%; the code emits both the standard property and -webkit-backdrop-filter.
• The preview only shows the browser's CSS effect; a real page is also affected by the parent background, stacking, performance and browser support.
• What it does not do: it does not export an image, does not generate complex SVG shadows and does not write into your project stylesheet.

Every parameter and the CSS are computed only in the current browser page; nothing is uploaded and nothing is persisted.