Fast, lightweight JavaScript animation engine with an all-in-one API for timelines, staggering, SVG morphing, scroll sync and draggable physics.
AnimationJavaScriptSVG+2
animejs.com
Pixel2Motion
pixel2motion.com
An open-source Codex and Claude skill that turns raster logos into clean motion-ready SVG, then exports animated HTML, GIF and video previews.
What is Pixel2Motion?
Pixel2Motion chains pixel-to-vector fitting with brand motion design: a PNG, JPG or WebP logo becomes a QA-verified semantic SVG, then authored CSS choreography and a dependency-free HTML motion demo. Deliverables include the structured logo.svg, motion.css, a motion spec and deterministic QA frames captured with Playwright. It runs as a skill for Codex and Claude, with its static fitting methodology documented in the companion Pixel2SVG-HTML project.
Best for
- Logo reveals and SVG animation workflows
- Turning PNG or JPG marks into clean vectors
- Deterministic motion QA with render evidence
Key features
- Raster logo to smooth semantic SVG
- Authored CSS choreography on SVG ids
- Dependency-free HTML motion showcase
- Motion spec, QA frames and overlay evidence
- Python scripts for fitting and frame capture
Related resources
animejs.com
A WebGL playground for voice-assistant orbs — 13 presets from Siri Wave to Neural Plasma, audio-reactive tuning and copy-ready code.
WebGLAnimationAI+1
lersent001.github.io
MIT-licensed React component rendering Apple-style liquid glass lenses that refract live DOM — cross-browser SVG displacement, ~5 kB, zero dependencies.
ReactSVGGlassmorphism+2
agpallav.com
Visitopens in a new tab