Files
OpenRive Logo
The OpenRive logo with an eye that follows your cursor, dilates on hover, blinks, and bounces when clicked.
SVG importAlign-to-pointer listenersDistance constraintsMultiple state machine layers
Upstand Logo
The Upstand app icon: the italic marks slide in, a shine sweeps across, then it floats. Hover lifts it, click replays.
Vector pathsClipping masksStaggered timingAny State transitions
Bouncing Ball
A looping bounce with easing and squash & stretch.
Timelines and keyframesEasing curvesScale animation
Interactive Button
Hover and press states driven by pointer listeners.
State machinesBoolean inputsPointer listeners (enter / exit / down / up)
Toggle Switch
Click to switch on and off. A boolean input drives two states.
Toggle a boolean from a click listenerTransitions with conditions and durations
Loading Spinner
A rotating arc made with a stroke and a trim path.
Strokes and trim pathsLinear rotation loops
Favorite Star
A trigger input fires a springy pop when the star is clicked.
Trigger inputsReturning to a state with exit timeRotation and scale overshoot
Text & Themes
Animated text using theme colors, with a Light and a Dark theme to switch between.
Text objectsTheme colors and multiple themesOpacity and position keys
Example
Off-road Car
A bouncing jeep with spinning wheels and wipers: several looping timelines playing together.
Layered timelinesGradientsComplex vector art
Example
Death Knight
A game character with bones, nested artboards and a 4-layer state machine (walk, attack, facing, death).
Bones and skinningNested artboardsGame-style state machines
Loading…