Isometric / Orthographic SVG renderer
Flat SVG in.
Dimensional vectors out.
Rotate any SVG in isometric space, extrude depth, and animate it with keyframes. Vectors the whole way through.
Drag the canvas to orbit · ⌘C copies the frame as SVG
01 / What it does
A vector engine that thinks in three dimensions
True 3D rotation
Orbit any flat SVG on every axis. Quaternions under the hood: no gimbal lock.
Depth extrusion
Give paths real thickness. The extruded volume stays vector.
Keyframe animation
Animate rotation, position, and thickness on a timeline. Six easing presets, or shape your own curve.
Direct path editing
Drag vertices and bezier handles in a flat 2D editor. The 3D preview updates live.
Themes & post-FX
Color themes plus WebGL post-processing: bloom, chromatic aberration, scanlines, vignette.
Export anything
Clean SVG, PNG, or MP4, encoded in your browser. No server, no watermark.
02 / How it works
Four steps, no install
- 01
Import
Drop in any SVG from Figma, Illustrator, or your clipboard.
- 02
Rotate
Orbit it in orthographic space. Extrude depth.
- 03
Animate
Set keyframes on a timeline. Dial in the easing.
- 04
Export
Ship it as vectors, a still, or a looping video.
Give your SVGs a z-axis.
Ortho takes any flat SVG and gives it depth, motion, and a camera. Rotate it in isometric space, keyframe an animation, and export clean vectors, stills, or video. Nothing to install: open the editor and drop in a shape.