CSS Gradient Generator

Open CSS Gradient Generator on Happytails.ai. This view has the same page content and links, with explicit tool capabilities. Read the processing notes before using a tool.

Tool capabilities

{
  "id": "gradient-generator",
  "category": "design-tools",
  "built": true,
  "requirements": "Linear/radial stops, angle and CSS export; contrast preview as optional help.",
  "implementation": {
    "fields": [
      {
        "key": "a",
        "label": "Start",
        "value": "#3366cc",
        "type": "color"
      },
      {
        "key": "b",
        "label": "End",
        "value": "#ff5599",
        "type": "color"
      },
      {
        "key": "angle",
        "label": "Angle",
        "value": 90,
        "type": "number"
      }
    ],
    "input": false,
    "experience": {
      "automatic": true,
      "single": false,
      "inputMaxLength": 1000000,
      "inputMode": "text",
      "label": "Your text",
      "placeholder": "Hello world!",
      "help": "Change the input or settings to update your result. Results update as you type. Up to 1,000,000 characters.",
      "helpParts": [
        "Change the input or settings to update your result.",
        "Results update as you type.",
        "Up to 1,000,000 characters."
      ],
      "action": null
    },
    "mode": "automatic",
    "interactive": false
  },
  "execution": "POST /api/v1/tools/gradient-generator/run",
  "api": {
    "id": "gradient-generator",
    "name": "Gradient generator",
    "category": "design-tools",
    "description": "Linear/radial stops, angle and CSS export.",
    "notes": "",
    "human_path": "/en/design-tools/gradient-generator/",
    "method": "POST",
    "endpoint": "/api/v1/tools/gradient-generator/run",
    "schema_url": "/api/v1/tools/gradient-generator",
    "input_schema": {
      "type": "object",
      "additionalProperties": false,
      "properties": {
        "input": {
          "type": "string",
          "maxLength": 1000000,
          "default": "",
          "description": "Plain text input. File tools use files instead unless otherwise documented."
        },
        "options": {
          "type": "object",
          "additionalProperties": false,
          "properties": {
            "a": {
              "type": "string",
              "description": "Start",
              "default": "#3366cc"
            },
            "b": {
              "type": "string",
              "description": "End",
              "default": "#ff5599"
            },
            "angle": {
              "type": "number",
              "description": "Angle",
              "default": 90.0
            }
          }
        }
      }
    },
    "output_schema": {
      "type": "object",
      "required": [
        "tool",
        "result"
      ],
      "properties": {
        "tool": {
          "type": "string"
        },
        "result": {
          "type": "object",
          "required": [
            "text",
            "files"
          ],
          "properties": {
            "text": {
              "type": [
                "string",
                "null"
              ]
            },
            "data": {
              "description": "Parsed JSON when the textual result is JSON."
            },
            "name": {
              "type": "string"
            },
            "mime": {
              "type": "string"
            },
            "files": {
              "type": "array",
              "items": {
                "type": "object",
                "required": [
                  "name",
                  "mime",
                  "bytes",
                  "base64"
                ],
                "properties": {
                  "name": {
                    "type": "string"
                  },
                  "mime": {
                    "type": "string"
                  },
                  "bytes": {
                    "type": "integer"
                  },
                  "base64": {
                    "type": "string",
                    "contentEncoding": "base64"
                  }
                }
              }
            }
          }
        }
      }
    },
    "processing": "Server; same transformation code as browser tools",
    "limits": {
      "request_bytes": 8388608,
      "input_characters": 1000000,
      "files_bytes": 5242880,
      "max_files": 0,
      "timeout_seconds": 12
    }
  },
  "agent_processing": "Server; same transformation code as browser tools",
  "browser_agent": {
    "supported": true,
    "name": "run_current_tool",
    "discovery": "WebMCP on the human page in a supporting browser",
    "verification": "See audit/API-AUDIT.md; availability is not verification"
  }
}

Page guide