MOTION LIBRARY

SVG motion

Show a signal, a process, or a change of state.
Preview four modules, adjust the speed, and copy the source.

How to use

All modules04SVG + JavaScript

INTEGRATION

Add a module

Full API reference
01

Save the source

Download motion.css and motion.js into a lib folder. No build step or package install.

02

Mount a module

Use the Code tab for a small integration snippet. Or choose Copy HTML for a complete page with source included.

03

Adjust the module

Set speed, pause playback, or theme the CSS tokens. Call destroy() when the view is removed.

API

Every module uses the same controls. System reduced-motion settings are always respected.

const motion = FlowstageMotion.mount(container, {
  type: 'path-pulse',
  speed: 1,
  autoplay: true
});

motion.pause();
motion.play();
motion.setSpeed(0.5);
motion.setReducedMotion(true);
motion.destroy();