---
title: "Scroll-Driven Animations"
description: "Reference site of live demos, tools and recipes for CSS scroll() and view() timelines, including a progress-bar and stacking-cards cookbook."
canonical: "https://vibing.inc/library/scroll-driven-animations-vg-1501"
category: "Motion & Animation"
subcategory: "Scroll animation"
license: "free"
author: "Bramus Van Damme (@bramus)"
source: "https://scroll-driven-animations.style/"
---

# Scroll-Driven Animations
Reference site of live demos, tools and recipes for CSS scroll() and view() timelines, including a progress-bar and stacking-cards cookbook.
## Facts
- Source: https://scroll-driven-animations.style/
- Category: Motion & Animation / Scroll animation
- Author: Bramus Van Damme (@bramus)
- Licence: free
- Tags: css, scroll-timeline, demos, native
## Why it's a gem
The definitive resource for killing your scroll-animation JS dependency entirely.
---
Listed in The Vibeary: https://vibing.inc/library/scroll-driven-animations-vg-1501 · JSON: https://vibing.inc/api/public/library/gems/scroll-driven-animations-vg-1501