Node-based web SVG editor for illustration, ,
Everything exports as self-contained SVG. Drop it anywhere, it just works.
Draw with
logic, not repetition.
Adjust one thing, the whole design responds.
Like editing a template, except it's your entire artwork.
Complex art.
Surprisingly
few steps.
Set it up once — then adjust everything with a sliders. All predictable, all controllable, all editable in any order no matter how complex it gets.
Your design,
fully dynamic.
Reference parameters or use math expressions. If you can imagine relationship, you can build it.
Illustration.
Animation.
State machine.
All in one.
One file format, always just an SVG. No plugins, no package runtime, no extra files.
Open a tab.
Start creating.
No installations. Works on Mac, Windows, Linux — anything with a browser.
Procedural toolset SVG never had
A complete and growing toolset for procedural vector design and non-destructive workflows.
Node-based editor
Non-destructive by design with true procedural power.
True SVG renderer
What you see is what you get at export. Zero translation quirks.
Minimalistic UI
A non-bloated, context-aware UI. All properties/tools are in parameters panel to keep focus on the design.
Procedural generation
Truly procedural and parametric. Change paramter and watch entire design adapt.
Expression engine
Reference other nodes parameters/math expressions for dynamic control.
Randomization
Any parameter can be randomized, be it color or number input.
Animation
Animate any parameter and fine-tune with the graph editor, dope sheet.
State machine
User driven interactions, transitions and states. Can be tested right in the app.
Advanced path tools
Boolean, clip, bevel, bend, resample, smooth, trim path, pixelate, triangulate and more.
Spreadsheet
Raw underlying point and shape data or raw SVG code of created geometry.
Instancing
Clone and distribute a single shape across paths, outlines, areas, or specific points.
Pattern generation
Arrange shapes into tiling patterns, from geometric grids to organic, nature-inspired layouts.
Text/shape along path
Wrap any text/shape along a target arbitrary path, built-in shapes or even text converted to path.
Extrude 3D
Extrude flat vector shapes into pseudo-3D shape with shading and lighting.
3D surface mapping
Wrap shape around extruded 3D surfaces with perspective-correct projection.
Shapes packing
Pack hundreds of shapes into a target area without overlapping.
Gradients
Linear/radial/freeform gradients on fills or strokes.
Halftone
Convert linear/radial gradient into halftone pattern using predifined or custom shape.
Hatching
Hatch, cross-hatch, scribbles, zig-zag, stamping, short lines procedural patterns.
Vectorization
Import any raster image and trace into editable vector paths.
Subnetworks
Group complex node networks into reusable tools.
Presets
Save nodes parameters or group of nodes as reusable presets to save time.
Workspace organization
Network boxes, sticky notes, colored labels, reroute points to keep nodegraph clean.
Exporting
Optimized for size & speed, static or animated/state machine SVG with embedded JavaScript runtime.
Vector tools that adapt to your logic
AnimGraphLab gives you the procedural power to build highly flexible, scalable vector assets.
Simple Pricing
Start for free, unlock premium features when ready.
Free
- Core app toolset
- Up to 3 local projects
- Up to 5 presets per node type
- Up to 5 node group presets
- Up to 2 artboards on Artboard merge node
- Up to 5 parameters per Controller node
- Up to 10s animation export length
- Raster limited to 720p resolution
- No commercial use
- Watermark on exports
Pro
- Access to premium nodes/features
- Unlimited local projects
- Unlimited presets per node type
- Unlimited node group presets
- Unlimited artboards on Artboard merge node
- Unlimited parameters on Controller node
- Unlimited animation export length
- Unlimited raster resolution export
- No watermark on exports
- Full commercial use
- Priority support
Build what used to take ten times longer.
Free to start. No install.