Stroke

AI agent included

Design, animate and make it 3D with AI.

Vector design, motion and 3D on one canvas. Start blank or from 360,000 open-source icons, animate with 60+ presets, extrude any shape into a lit 3D object, and export SVG, GIF, MP4 or Lottie. Or describe what you need, and the AI agent creates it.

See what it does

Free plan with 25 AI requests a month.

Welcome to Stroke

Built on open formats and libraries

  • Three.js
  • Lottie
  • Remotion
  • Google Fonts
  • Lucide
  • SVG

01/Motion

Keyframe animation
on the source paths

60+ presets or custom values, arranged on a layer-based timeline. Motion is applied to the artwork itself, not a duplicate.

0.67s / 2sLoop every 1s
Whole icon
Float
Bolt
Draw in
Spark
Pop in
Base
Fade out

01Presets

Entrance, emphasis, loop and exit presets.

02Custom properties

Position, scale, rotation, opacity, colour and blur, with exact start and end values.

03Timeline

Retime, stretch and repeat clips. Durations up to 30 minutes.

04Looping

Repeat the full timeline at a set interval.

02/3D

Extrude any path
into a lit 3D object

Closed shapes extrude into solids with per-layer depth. Apply materials, set lighting and orbit the camera. The 2D source stays unchanged.

Chrome
Gold
Glass
Balloon

01Per-layer extrusion

Each closed shape gets its own depth.

02Materials

Chrome, gold, glass, balloon or flat colour.

03Lighting and camera

Adjustable lighting with orbit controls.

042.5D

Layered depth without a full 3D scene.

03/Export

One source file,
every output format

SVG, GIF, MP4, Lottie and Three.js, all generated from the same file.

svgbolt.svgVector2 KB
gifbolt-animation.gifAnimation · 1080p480 KB
mp4bolt-animation.mp4Video · 1080p210 KB
jsonbolt.jsonLottie14 KB
htmlbolt-3d.htmlThree.js scene36 KB

01SVG

Clean paths with live, editable text.

02GIF and MP4

720p or 1080p, with cancellable rendering.

03Lottie

JSON for native playback on web and mobile.

04Three.js

A standalone HTML scene or embeddable code.

04/Vector

Editable paths,
drawn by hand or by agent

Pen, brushes and text all produce editable vector paths. Describe an icon, diagram or lettering, and the agent draws it on the canvas.

01Pen

Bézier paths with editable anchor points.

02Brushes

Smoothed freehand strokes with real anchor points.

03Type

30+ Google Fonts, kept as live text.

04AI agent

Generates icons, diagrams and lettering, up to five canvases at once.

One file. Vector, motion, 3D.