DEV Community

Cover image for I created 100+ unique CSS patterns | The best collection 🤩

I created 100+ unique CSS patterns | The best collection 🤩

Temani Afif on May 23, 2023

After the CSS Loaders and the CSS Underline/Overlay animations, I am back with another big collection. This time it's about CSS Patterns. ...
Collapse
 
beginarjun profile image
Arjun Sharma

The Hexagon reminded me of this

The Shining

Collapse
 
mackfitz profile image
Maciek Fitzner

For me it's a tie between The Impossible and The Wavy for the conceptual effort and neatly organizing such fluid shapes - but I also have a soft spot for xmas themes (I wear socks with xmas trees and my sweater with pixelated Santas all year long.

Collapse
 
daniele_pais profile image
Daniele Pais

Wow....that 3D one is amazing!

Collapse
 
adelety profile image
Sita Tan

So cool!

Collapse
 
ritacavalheiro0 profile image
Rita Cavalheiro

Wow! They all look great! I link my favorite has to be the 3D one, so cool 😎

Collapse
 
femincan profile image
Furkan Emin Can

My personal favorite is 'The Optical Illusion'. I can't even dream that I can do things like these.

Collapse
 
ahm_freeman profile image
Francis Enechukwu🇳🇬🇨🇦

😯 Nice work👍

Collapse
 
whathebea profile image
beatriz gracia

The Perfect looks amazing! Also really like The Wave!

It must have took so much time but the results are absolutely incredible! Thank you for sharing your work :)

Collapse
 
narasingh profile image
Narasingh

This is truly Amazing !!! great work 👍

Collapse
 
marcus56 profile image
Marcus

Nice idea for random avatar, good jobs!

Collapse
 
h_sifat profile image
Muhammad Sifat Hossain

Awesome work 👏. It makes me super jealous 😅.

Collapse
 
asadravian profile image
Muhammad Asadullah (Asad)

AWWWWWWWWWesome!!! 🔥🔥😍😍

Collapse
 
pieroiyt profile image
PieroIYT

recien me inicio en esto , es un deleite aprender de patrones, y usarlos mientras voy adquiriendo habilidades.......Gracias!!!!

Collapse
 
webldavi profile image
Luís Daví

incredible work! must have given me a headache hahaha! but really amazing

Collapse
 
musashifraco profile image
Ezequiel Brito Everton

Amazing

Collapse
 
alisha331 profile image
alisha • Edited

Nice Work 😊

Collapse
 
omidgh profile image
Omid Ghasemi

Wow, this is great. good job 🔥🔥🔥

Collapse
 
sulemanmuqeed profile image
Suleman Muqeed

Amazing

Collapse
 
ahmed_aarafa profile image
Ahmed Arafa

Amazing😄

Collapse
 
ahm_freeman profile image
Francis Enechukwu🇳🇬🇨🇦

😯 Nice work😊

Collapse
 
jhvanderschee profile image
Joost van der Schee

You can do this one better than me: codepen.io/joosts/pen/GReXqgb.

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
afif profile image
Temani Afif

I don't know if you are serious or not but if a website really needs 1TB of Ram then it's not related to backgrounds or CSS. You have to check all those JS code you are loading or the cluttered HTML you are using.

I also don't recommend using Images for backgrounds you can easily create with CSS because it's another resource you need to load from your server in addition to the CSS file. Let's not forget if you have a dark/light mode and you have to load 2 images for your background.