0Pricing
Sveltejs Academy · Lesson

The spring() and tweened() Stores

Animate numeric values with physics-based spring or duration-based tweened stores.

Motion Stores

Svelte provides motion-aware stores: tweened (duration-based) and spring (physics-based).

Import

From svelte/motion.

import { tweened, spring } from "svelte/motion";

All lessons in this course

  1. animate:flip for List Reordering
  2. The spring() and tweened() Stores
  3. Custom Easing Functions
  4. Combining transitions and animations
← Back to Sveltejs Academy