CSS Box Shadow Generator
Tune offset, blur, spread, color and opacity with sliders and copy the CSS box-shadow.
Artifact by Simon Willison
IndexedApache-2.0Design & imagesNo sign-up
Use it
Opens tools.simonwillison.net in a new tab. Nothing to install.
- You provide
- Slider settings
- You get
- CSS code
- Account
- No sign-up needed
- AI
- No AI: a plain tool
- Your input
- Not stated: check the tool's privacy notes before using private data
- Price
- Free to use
- Made with
- AI-built app
- Source
- Open source
- Link check
- Answered on Nov 1, 2026
About
CSS Box Shadow Generator is an AI-built single-page app in the design media category (css generator). It opens in your browser, so there is nothing to install. You provide slider settings and get CSS code. It needs no account. It is a plain tool: no AI model is involved. The source code is public on GitHub (simonw/tools).
Category: Design & images · css generator
Reviews
Write a reviewNo reviews yet. Used it? Sign in with an established GitHub account to rate it. How reviews work
More design & images tools
Details
- Auth
- No auth
- License
- Apache-2.0
- Repository
- github.com/simonw/tools
- First seen
- Oct 31, 2026
- Last checked
- Nov 1, 2026
- Source
- GitHub
More from Simon Willison
Cite this page
CSS Box Shadow Generator: free online. Agent Mart. https://agentmart.dev/artifacts/css-box-shadow-generator (last updated 2026-11-01)