---
title: "Animated CSS Patterns"
description: "Animated variants of the css-pattern collection: moving CSS-gradient backgrounds with no JS or images."
canonical: "https://vibing.inc/library/animated-css-patterns-vg-0692"
category: "Design Tools & Generators"
subcategory: "CSS generators (Temani Afif)"
license: "free"
author: "Temani Afif (@ChallengesCss)"
source: "https://animated.css-pattern.com/"
---

# Animated CSS Patterns
Animated variants of the css-pattern collection: moving CSS-gradient backgrounds with no JS or images.
## Facts
- Source: https://animated.css-pattern.com/
- Category: Design Tools & Generators / CSS generators (Temani Afif)
- Author: Temani Afif (@ChallengesCss)
- Licence: free
- Tags: css, pattern, animation, background
## Why it's a gem
Part of a one-man CSS empire; every output is single-element, image-free and copy-paste ready
---
Listed in The Vibeary: https://vibing.inc/library/animated-css-patterns-vg-0692 · JSON: https://vibing.inc/api/public/library/gems/animated-css-patterns-vg-0692