An open-source Codex and Claude skill that turns raster logos into clean motion-ready SVG, then exports animated HTML, GIF and video previews.
AIOpen SourceSVG+3
pixel2motion.com
Anime.js
animejs.com
Fast, lightweight JavaScript animation engine with an all-in-one API for timelines, staggering, SVG morphing, scroll sync and draggable physics.
What is Anime.js?
Anime.js is a modular JavaScript animation engine that animates CSS properties, transforms, SVG attributes and JavaScript objects through a single animate() API. It includes a Timeline API for orchestration, advanced time and value staggering, SVG utilities for shape morphing, line drawing and motion paths, a Scroll Observer, spring-based Draggable with snapping, and a Scope API for media-query-responsive animations. Modules are tree-shakeable starting from a ~5.6 KB core, and the library is 100% free, supported by sponsors.
Best for
- Animating web UIs, SVG and canvas from one API
- Scroll-synchronized and staggered sequence effects
- Building draggable interfaces with spring physics
Key features
- Unified animate() API with keyframes and easings
- Timeline orchestration with advanced positions
- SVG morphing, line drawing and motion paths
- Scroll Observer and Draggable with springs
- Modular, tree-shakeable ~24 KB full build
- Scope API for responsive media-query animations
Related resources
pixel2motion.com
Open-source Liquid Glass components for React with real WebGL edge refraction, spring physics, and accessible primitives — shipped as a shadcn registry plus an MCP server.
ReactLiquid GlassWebGL+3
liquefy-ui.com
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