Cube
a day ago
- Cube is a JavaScript animation library with four preset motions: rise, leave, morph, and reveal.
- Each motion has predefined duration, curve, and stagger values tailored for its specific purpose.
- Built on the Web Animations API with no runtime dependencies; adapters available for React, Vue, Solid, and Svelte.
- Motions include entrance (rise), exit (leave), state change (morph), and scroll reveal (reveal).
- Stagger and delay parameters control when motions start, while duration, curve, and distance are fixed per function.
- Cube does not use spring solvers; it relies on a fixed cubic-bezier curve.
- Reduced motion preferences are respected, with opacity changes persisting and translations, scale, and blur animating out.
- For complex timelines, gestures, or layout animations, other tools are recommended over Cube.