---
title: "Animation Patterns"
description: "Interactive atlas of 65 authored CSS and SVG motion patterns plus studies on particles, springs, reaction-diffusion and gesture-to-easing."
canonical: "https://vibing.inc/library/animation-patterns-vg-1482"
category: "Motion & Animation"
subcategory: "Motion references"
license: "free"
author: "@mahwin"
source: "https://animationpatterns.art/"
---

# Animation Patterns
Interactive atlas of 65 authored CSS and SVG motion patterns plus studies on particles, springs, reaction-diffusion and gesture-to-easing.
## Facts
- Source: https://animationpatterns.art/
- Category: Motion & Animation / Motion references
- Author: @mahwin
- Licence: free
- Tags: reference, css, svg, patterns
## Why it's a gem
Reads like a motion textbook with live code; almost no one has found it.
---
Listed in The Vibeary: https://vibing.inc/library/animation-patterns-vg-1482 · JSON: https://vibing.inc/api/public/library/gems/animation-patterns-vg-1482