Text Shadow Generator API

Build a CSS text-shadow from one layer's settings, a JSON list of layers, or a named preset (neon, 3D, outline, long shadow).

POST /api/v1/tools/css-text-shadow-generatorMCP css_text_shadow_generatorDesign & Colour

Design CSS text shadows with stacked layers, opacity and live preview text. Start from neon, 3D, outline or long shadow presets and copy the text-shadow CSS.

Input

Send these as a JSON object. Unknown fields are rejected.

x: Horizontal offset in px. (number, -500 to 500, default 2)
y: Vertical offset in px. (number, -500 to 500, default 2)
blur: Blur radius in px. (number, 0 to 500, default 4)
color: Shadow colour: hex, rgb(), hsl() or a CSS colour name. (string, up to 100 characters, default "#000000")
opacity: Opacity in %, multiplied with any alpha in the colour. (number, 0 to 100, default 50)
layers: Several layers as a JSON array (up to 24), each {"x":0,"y":0,"blur":10,"color":"#ff00de","opacity":100}. Overrides the single-layer fields. (string, up to 10000 characters)
preset: A named effect instead of the other fields. (string, one of Soft, Neon, 3D, Outline, Long shadow)

Try it in the browser JSON Schema Get an API key

curl https://pithlab.com/api/v1/tools/css-text-shadow-generator \n  -H "Authorization: Bearer $PITHLAB_KEY" \n  -H "Content-Type: application/json" \n  -d '{"x":2,"y":2,"blur":4,"color":"#000000","opacity":50}'

Example response

{
  "ok": true,
  "result": {
    "value": "2px 2px 4px rgba(0, 0, 0, 0.5)",
    "css": "text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);"
  }
}