---
title: "CSS Pattern"
description: "157 background patterns built entirely from CSS gradients, each parameterised with custom properties for size and colour."
canonical: "https://vibing.inc/library/css-pattern-vg-0118"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Background patterns"
license: "free"
author: "Temani Afif (@ChallengesCss)"
source: "https://css-pattern.com/"
---

# CSS Pattern
157 background patterns built entirely from CSS gradients, each parameterised with custom properties for size and colour.
## Facts
- Source: https://css-pattern.com/
- Category: Backgrounds, Effects & CSS Oddities / Background patterns
- Author: Temani Afif (@ChallengesCss)
- Licence: free
- Tags: css, patterns, gradients, background
## Why it's a gem
No images, no SVG, no requests: patterns that are literally three lines of CSS
---
Listed in The Vibeary: https://vibing.inc/library/css-pattern-vg-0118 · JSON: https://vibing.inc/api/public/library/gems/css-pattern-vg-0118