---
title: "Gradient"
description: "Local-first visual environment for building and running AI workflows. Build agents visually, deploy anywhere, privacy by design."
canonical: https://docs.nodetool.ai/nodes/lib/svg/gradient
markdown: https://docs.nodetool.ai/nodes/lib/svg/gradient.md
product: NodeTool
source: https://github.com/nodetool-ai/nodetool/blob/main/docs/nodes/lib/svg/gradient.md
---

# Gradient

**Type:** `lib.svg.Gradient`

**Namespace:** `lib.svg`

## Description

Create linear or radial gradients for SVG elements.
    svg, gradient, color

    Use cases:
    - Add smooth color transitions
    - Create complex color effects
    - Define reusable gradient definitions

## Properties

| Property | Type | Description | Default |
|----------|------|-------------|---------|
| gradient_type | `enum` | Type of gradient | `linearGradient` |
| x1 | `float` | Start X position (linear) or center X (radial) | `0` |
| y1 | `float` | Start Y position (linear) or center Y (radial) | `0` |
| x2 | `float` | End X position (linear) or radius X (radial) | `100` |
| y2 | `float` | End Y position (linear) or radius Y (radial) | `100` |
| color1 | `color` | Start color of gradient | `{"type":"color","value":"#000000"}` |
| color2 | `color` | End color of gradient | `{"type":"color","value":"#FFFFFF"}` |

## Outputs

| Output | Type | Description |
|--------|------|-------------|
| output | `svg_element` |  |

## Related Nodes

Browse other nodes in the [lib.svg](./) namespace.