Subscribe
Sign in
MagicPattern
p/magicpatternBeautiful Graphics With 10+ Tools. Instantly & Effortless!
Start new thread
Jim Raptis

CSS Background Patterns - Free editable patterns that actually look cool 😎

by•

Beautiful pure CSS background patterns that you can actually use in your projects!
All these patterns are made by utilizing CSS gradient functions. You only need a CSS class to make your background pop! 🤯

Add a comment

Replies

Best
Jim Raptis
Maker
👋 Hey fellow Hunters, I'm Jim, the creator behind the CSS background patterns. For many years, I search for beautiful background patterns to make my digital work pop. However, most resources online tend to look so 2000... Then, I decided to curate and parameterize simple yet beautiful patterns to help fellow web developers easily integrate them. And the CSS background patterns app was born. A big advantage of these patterns is their final size. Since all of them are pure CSS and utilize the gradient functions have way less size than those which use inline SVG elements. In the web app you can: 🎨 Customize colors 📏 Change the size 👀 Preview patterns 💻 Copy the CSS snippet And all of these completely FREE! It's an ongoing collection and I'd be glad to see you contribute your own work! 🙏 Let me know your thoughts folks! I strive to make this even better. Have an awesome week! Cheers, Jim Raptis, founder of MagicPattern
Michael Sieb
@draptis good to see how MagicPattern is constantly growing😊 Keep up the good work!
Jim Raptis
Maker
@michael_sieb thanks Michael! I really value your opinion and I'm happy to see you follow my journey 😁
Bilal Tahir
Nice! Is there an example of the cross pattern I keep seeing these days? Example: https://www.google.com/search?q=...
Jim Raptis
Maker
@bilater Not yet but I'll add it asap. It looks great indeed. Thanks for the suggestion 🙏
Jim Raptis
Maker
@bilater Done! Enjoy your cross pattern Bilal 🎉
Michael Andreuzza
Yo Jim!! If you look at my browser from yesterday CSS patterns is what I was looking for! Superb. Cool stuf!
Jim Raptis
Maker
@michael_andreuzza hey mate!!! Hope I saved you some time and you can now focus on your awesome projects 😁 Thank you very much for the shoutout🙏
Brayden W
@draptis, awesome work! I love the polka dot patterns. I will definitely use this in a future design. Thanks again!
Jim Raptis
Maker
@braydentw yeah, there are my favorites too. Simple yet elegant for landing pages! It's always my pleasure to help fellow makers. I'd love to see them as part of the buildfaster.co 💪
Csaba Kissi
Nice collection Jim. Looks fresh and trendy. 👍
Jim Raptis
Maker
@csaba_kissi thank you very much Csaba! I'm really glad you liked the style/tone of these patterns 😁
Scott
These will do nicely for client sites :) Cheers mate 🙌
Jim Raptis
Maker
@scopeak Thanks dude. That was my initial use case too. I'd be glad to see your creations ❤️
Sandoche
Good one for https://undesign.learn.uno/ ! I'll list in next month!
Jim Raptis
Maker
@sandochee thanks so much for the support, Sandoche! Can't wait to check your new tools batch 🔥
Kilian Valkhof
Looks great, love the UI!
Jim Raptis
Maker
@kilianvalkhof many thanks mate! I should have added a catchy CSS perspective effect 😅
Adam Fuhrer
Nice job! I really like this resource as well for generating backgrounds: https://www.svgbackgrounds.com/
Jim Raptis
Maker
@adamfuhrer yeah it's a great alternative. They have some very nice backgrounds! Another one is https://www.heropatterns.com/. The only difference is that these patterns use inline SVGs. Therefore are larger in size compared to pure CSS ones. But sometimes beauty cannot be measured in bytes 😅 Many thanks for you support Adam 🙏
Can Kaytaz
Yeah bro!!
Jim Raptis
Maker
@cankaytaz Thanks mate 🔥
Gene
Looks nice, congrats Jim!
Jim Raptis
Maker
@cogentgene Thank you so much Gene. I means a lot to me 🙏
Sonny Lazuardi
Looks great! Congrats on the launch Jim 🚀
Jim Raptis
Maker
@sonnylazuardi Many thanks dude! I'm really happy you liked it 😁
Jim Raptis
Maker
@ugur2nd thanks a lot 🙏
Teo Tokis
Great work!
Jim Raptis
Maker
@teotokis Thanks Teo! I honestly appreciate it 😁
Gautham Santhosh
Why do you always make stuff I am searching for 🙈 it's like you read my mind
Jim Raptis
Maker
@gauthamzzz hahaha the best compliment ever! 😅 Can't wait to see you apply the patterns in your cool projects
nickverhaege
@draptis This product is amazing! I generated a good looking background and implemented it on my website in no time.
Jim Raptis
Maker
@nick_verhaege many many thanks Nick. It fit perfectly your style on makerstack.club 👌
Jon Newman
super useful!
Jim Raptis
Maker
@jon_newman I'm glad it was handy! Thanks Jon 🙂
Patrick Joubert
Will test it! Well done :)
Jim Raptis
Maker
@patricksclouds can't wait for your thoughts. Thanks in advance 🙏
Graeme
brilliant! I think i was asking about something like this during your last launch..looks like you nailed it 🔥
Jim Raptis
Maker
@graeme_fulton yeah it was among the rest of your valuable feedback 🙏 Many thanks for your support man, I truly appreciate it!!!
Burak Basci
Wow looks great 👏
Jim Raptis
Maker
@burak_basci Thanks a ton Burak 😁