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
Liquid Orb Editor
lersent001.github.io
A WebGL playground for voice-assistant orbs — 13 presets from Siri Wave to Neural Plasma, audio-reactive tuning and copy-ready code.
What is Liquid Orb Editor?
The Liquid Orb Editor builds the animated glass orbs voice assistants show while listening or thinking. Start from 13 presets — Siri Wave, Particle Ribbons, Crystal Drop, Chromatic Metal — then tune audio response, AI state transitions, motion speed and glass refraction until the orb behaves, and copy the generated code into your own project. It runs entirely in the browser and doubles as a learning tool for shader-driven UI.
Best for
- Designing voice-assistant listening states
- Shader-free animated orb prototypes
- Copy-paste WebGL backgrounds
Key features
- 13 presets from Siri Wave to Neural Plasma
- Audio-reactive motion via mic or file
- Idle-to-thinking AI state transitions
- Glass shell refraction controls
- One-click code export
Related resources
pixel2motion.com
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
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