CSS Box Shadow / Glassmorphism / Gradient
Tweak a style recipe, preview it in context, and copy the CSS block instantly.
Style controls
Switch between shadow, glass, and gradient recipes without leaving the workspace.
Preview + CSS
Test the style in a card-sized composition and copy the CSS right away.
Style preview
Ship a more intentional surface
Use the generated styles as a starting point for hero cards, control panels, or polished settings views.
box-shadow: 0px 20px 40px -8px rgba(15, 23, 42, 0.26);