# useFollowValue > Six follower motion values driven by a single pointer source — each with a different transition (spring variants and tweens) so the trail visually shows how each animation type feels. **Source:** [https://motion.svelte.page/examples/use-follow-value](https://motion.svelte.page/examples/use-follow-value) **Markdown mirror:** [https://motion.svelte.page/examples/use-follow-value.md](https://motion.svelte.page/examples/use-follow-value.md) --- This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page. ## FIG-001: one source, six personalities. A single pointer-position `MotionValue` drives six `useFollowValue` outputs. Each follower has a different transition (spring crisp/bouncy/floaty/wobbly, tween short/long) so the comet trail visually shows how each animation type behaves under the same input. **Metadata:** tag: `HOOK` | pattern: `mixed-transition follow` ### Notes - The two source motion values (`targetX`, `targetY`) are plain `useMotionValue` instances driven directly from the `pointermove` handler. Every follower derives from these — no per-follower event wiring. - Each follower is a separate `useFollowValue(source, options)` call. The `options.type` is the only thing that differs — same source, different physics. That's the entire selling point of the hook: pick the personality, get a composable `MotionValue` back. - Layer with `mix-blend-mode: screen` + a soft `box-shadow` per follower so the colours add up where they overlap — the same trick framer-motion's docs use to make the trail legible. The animation is real; only the visual treatment is decorative. ### Source #### Default.svelte Source file: [src/lib/examples/use-follow-value/demos/Default.svelte](https://github.com/humanspeak/svelte-motion/blob/main/docs/src/lib/examples/use-follow-value/demos/Default.svelte) ```svelte
// use-follow-value 6 followers / 1 source
one source · six transition configs rings sized by lag
```