---
layout: pattern-set
title: Animation patterns
description: A collection of animation techniques built using CSS or JavaScript with considerations for accessibility and user preferences.
hero: image/vS06HQ1YTsbMKSFTIPl2iogUQP73/KL7dFk9XKx5PVUzXT2hb.svg
---

Welcome to our growing collection of animation patterns. These patterns try to
demonstrate how you can create engaging animations and interactions while still
respecting user's preferences for motion. They also support all modern browsers,
so you can use them with confidence.
<br><br>
