CSS Pattern

powered by CSS gradients

the biggest collection of background Patterns

Explore 145 CSS-only patterns made with CSS gradients and optimized with CSS variables.
I also have a collection of animated CSS Patterns

Don't know which Pattern to use?
Let me pick one for you!

Get a nice CSS Pattern

What about a nice CSS Loader?

Get more CSS loaders

I also share cool CSS Tips
It takes one minute to read a tip

Get a random CSS Tip

You are not looking for a CSS pattern?
Maybe you want a CSS Shape?

Go to CSS Shape

You reached the 100th Pattern 🥳
Keep scrolling or surprise yourself

Get a random CSS Pattern

I also have a collection of CSS Generators

Go to CSS Generators

Do you want to have some fun?
Solve a CSS Challenge

Go to CSS Challenges

You reached the end but it's not the end!
This collection will keep growing

Watch on Github Follow me on Twitter
by Temani Afif Twitter Buy Me A Coffee