CSS Box Shadow Generator
Tune offset, blur, spread, color and opacity with sliders and copy the CSS box-shadow.
Artifact by Simon Willison
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 Oct 31, 2026
About
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
- 0.889score
Excalidraw
Excalidraw contributors
Infinite whiteboard with a hand-drawn look for sketching diagrams, with shareable links and PNG/SVG export.
ArtifactNo sign-up★ 134.9Kdesign media - 0.872score
tldraw
tldraw
Free infinite canvas for drawing, diagramming and wireframing, with live collaboration by link.
ArtifactNo sign-up★ 51.2Kdesign media - 0.864score
Carbon
Carbon
Turns code into a styled image with themes, fonts and window frames.
ArtifactNo sign-up★ 36.1Kdesign media - 0.858score
Squoosh
Google Chrome Labs
Compares image codecs side by side and recompresses photos to smaller JPEG, WebP, AVIF or PNG files.
ArtifactNo sign-upIn-browser★ 26.1Kdesign media - 0.857score
waifu2x
nagadomi
Upscales and denoises anime-style art, and photos, with convolutional neural networks.
ArtifactAINo sign-up★ 28.2Kdesign media - 0.838score
Piskel
Julian Descottes
Sprite and pixel-art editor with animation frames, exporting GIF, PNG sprite sheets and more.
ArtifactNo sign-up★ 12.9Kdesign media
Details
- Auth
- No auth
- License
- Apache-2.0
- Repository
- github.com/simonw/tools
- First seen
- Oct 31, 2026
- Last checked
- Oct 31, 2026
- Source
- GitHub
More from Simon Willison
- 0.607score
Datasette Lite
Simon Willison
Datasette running in the browser through WebAssembly to explore SQLite and CSV files.
ArtifactNo sign-upIn-browser★ 411data tools - 0.591score
LLM Pricing Calculator
Simon Willison
Enter input, cached and output token counts to see cost per model from a price table.
ArtifactNo sign-up★ 196calculators - 0.478score
GIF Optimizer
Simon Willison
Shrinks animated GIFs with gifsicle running in WebAssembly, from lossless to aggressive presets.
ArtifactNo sign-upIn-browserdesign media - 0.478score
MicroPython Sandbox
Simon Willison
Runs MicroPython in WebAssembly and stores the code in the URL so snippets are easy to share.
ArtifactNo sign-upIn-browserdeveloper tools - 0.478score
Clipboard Backup
Simon Willison
Saves pasted clipboard content in several formats (text, HTML, RTF, images) so you can keep or download it.
ArtifactNo sign-upIn-browserproductivity - 0.478score
Chrome Built-in Model Playground
Simon Willison
Runs prompts against the language model built into Chrome, downloading it on first use.
ArtifactAINo sign-upIn-browserdeveloper tools
Cite this page
CSS Box Shadow Generator: free online. Agent Mart. https://agentmart.dev/artifacts/css-box-shadow-generator (last updated 2026-10-31)