CSS Pattern

powered by CSS gradients

the biggest collection of background Patterns

Explore 144 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

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

Go to CSS Challenges

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

Get a random CSS Pattern

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