Pulse
A visual approach to animation.
- React
- TypeScript
- Motion
Overview
Pulse brings visual animation authoring into React. A development editor makes it possible to work with timelines and keyframes, while a separate runtime plays the resulting animations in production.
My contribution
My work connects the editing experience to the engineering underneath it: timeline controls, element selection, reusable component animations, and the boundary between the editor and production playback.
A few decisions along the way
Author visually. Ship a runtime.
The development editor and production playback have different jobs. Keeping them separate avoids shipping the editing interface with the finished experience.
Animations that belong to components.
Scoped targets and animation sidecars let a component carry its animation with it, rather than depending on one global page timeline.
Make control feel direct.
The editor connects element selection, timeline navigation, and playback so that authoring feels like working with the interface itself.
A project I am continuing to shape and refine.