Drawing

Spirograph Creator

Generate looping spirograph curves with live controls.

killyourtime.com

Preparing your experience

Drag to rotate Scroll to zoom Click to pause
LIVE0 points

Build animated spirographs with real creative control

Spirograph Creator is now a complete generative orbit studio rather than a simple looping-line toy. Choose a hypotrochoid, epitrochoid, or hybrid curve system, then shape it with outer radius, inner radius, pen offset, symmetry, point density, orbit layers, twist, and phase controls. Every adjustment redraws the artwork immediately, so you can move from a clean flower-like outline to a dense woven structure without starting over.

The appearance controls add another layer of experimentation. Select a prepared palette or edit individual colors, change how color flows through the orbit, adjust line width and opacity, add glow, open the center, and introduce 3D depth and perspective. Dragging rotates the artwork and scrolling changes the zoom. The canvas measures its own container, so the pattern keeps the correct proportions whether the studio is embedded in the page, viewed on a smaller screen, or opened in fullscreen.

Presets, motion and music reactivity

Built-in presets provide starting points for different geometric moods, while custom presets let you keep combinations you want to revisit. Motion settings control rotation, pulse, morphing, and animation speed. The audio reactor includes a ready-to-play track. Music does not start automatically, but pressing play makes the pattern respond to the beat. Uploading your own MP3 replaces the prepared track and starts it immediately.

Pause the animation to inspect a precise frame, randomize the orbit for a new direction, hide the interface for an uninterrupted view, or open the app in fullscreen. Export tools save screen-size, 2×, or 4× PNG images, editable SVG artwork, and WebM animation. Preset settings can also be exported as JSON and imported later, making the studio useful for wallpapers, abstract graphics, motion experiments, and reusable geometric designs.

For a cleaner composition, begin with fewer layers and moderate symmetry, then add density, twist, and depth gradually. The left panel handles geometry, palette, appearance, and motion; the right panel provides presets and saved designs. Both panels collapse when you want more room around the artwork. PNG, SVG, video, fullscreen, music, and preset exports are built directly into the studio, so the webpage does not add a second set of controls.