An alpha motion studio for keyframes, Bézier easing, live animation previews, and CSS or JSON export.
Current release
Alpha 0.2What it can do
- Draggable keyframes and timeline scrubbing
- Bézier easing controls and live previews
- Undo/redo, CSS export and JSON projects
Current limits
One motion at a time, up to 24 keyframes and 30 seconds. Additive composition is not exposed.
- Project
- Independent work
- My role
- Product design, Front-end, Tool development
Overview
Explore motion through a timeline and a live preview.
What the tool does
Edit keyframes and easing curves, try motion presets, and preview animation through the native Web Animations API.
From experiment to output
Export CSS or save and import a JSON motion project. This tool is currently an alpha release.
Behind the tool
Reusable foundations.
- PFx CSS Motion CoreExplore source
Design and development — pfxamd