Interactive Animations
Create rich, physics-based interactions by combining springs and sine waves for now 👀
Stay inside the reactive paradigm of SolidJS
No need to move out of reactivity to deal with the imperative / sequential nature of animations.
Hover Me
Emergent Behavior
Create complex animations by combining simple signal primitives.
Like building blocks, use Spring for your transitions and respond smoothly to dynamic changes.
Move Mouse
Animated Signals
Create highly reactive and composable animations through signal primitives.
1D
const [body] = createSine(() => ({
frequency: freq(),
}))2D
const [body2D] = createSineWave2D({
amplitude: [90, 90],
frequency: [1, 1],
phase: [Math.PI/2, 0]
})1
Render Agnostic
Use AraraJS animations with any renderer that SolidJS can control
Jump into
