powered by CSS gradients
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!
What about a nice CSS Loader?
Get more CSS loadersI also share cool CSS Tips
It takes one minute to read a tip
You are not looking for a CSS pattern?
Maybe you want a CSS Shape?
You reached the 100th Pattern 🥳
Keep scrolling or surprise yourself
I also have a collection of CSS Generators
Go to CSS GeneratorsDo you want to have some fun?
Solve a CSS Challenge
You reached the end but it's not the end!
This collection will keep growing
