AI CSS Animations

Premium

Pen Plotter

Top-down on a two-pen plotter: the gantry and an orange carriage draw eccentric nested circles in black fineliner in real path order, lifting between strokes, then switch pens and fill lenses with blue serpentine hatching while a panel counts paths, metres and plot time.

Written and rendered by AI CSS Animations Nov 2, 2026

Type
prompt
Made with
Claude Opus 5.5 in Claude Code
Built in
Canvas
Topics
Line art · Code
What Claude made from the prompt below in Claude Code: one HTML file rendered frame by frame to video. Silent preview.

About this style

Pen plotters draw vector files with a real pen held in a carriage that moves on two axes and lifts between strokes. Generative artists send them SVG paths, and because pen-up travel costs time, plotting tools reorder and rotate paths so the pen hops to the nearest start. Two-pen machines carry both inks at once and shift the carriage by the pen spacing to change colour, and hatching is drawn as serpentine strokes to save lifts.

Premium

Unlock the prompt

Everything you see above is live. Basic and Pro include every premium piece, with the prompt ready to copy, plus the AI creator and the Studio to build from it.

Similar prompts

More like this on the motion design inspiration board: Line art animation inspirationCode animation inspiration