PURE CSS ART GALLERY

๐Ÿ–ผ CSS-ART.COM is a gallery for pure CSS web art and a crowd sourced philosophical inquiry into the nature of art and beauty.

The gallery is self-maintained and open source. The rankings are based on Google Analytics data.

Highlighted artists [ View all ]

Top Art All TimeViews

1.
173,968
2. โžœ -3
Pure CSS Lace
Diana Smithpainting, flemish baroque, portrait, oil painting
69,024
3. โžœ +1
Pure CSS Zigario
Diana Smithzigario, mid-century, advertising
60,840
4. โžœ +1
Pure CSS Francine
Diana Smithpainting, francine, 18th-century, oil painting
59,576
5. โžœ +1
Pure CSS Vignes
Diana Smithvignes, 1930s, poster art
29,728

Top Art Reviews [ View all ]

If art is a feeling, the work of Ricardo Oliva Alonso certainly gives me a mysterious feeling of happiness. The apparent beauty of his CSS art seems to spring from a combination of simple geometric shapes and colors.

Top ArtPast weekViews

1.
14,028
173,968
2.
Pure CSS Zigario
Diana Smith zigario, mid-century, advertising
7,228
60,840
3.
Pure CSS Francine
Diana Smith painting, francine, 18th-century, oil painting
4,620
59,576
4.
Pure CSS Vignes
Diana Smith vignes, 1930s, poster art
3,644
29,728
5.
Pure CSS Lace
Diana Smith painting, flemish baroque, portrait, oil painting
2,828
69,024
6. โžœ +1
2,572
8,560
7. โžœ -1
2,244
11,384
8.
Pure CSS Character
Diana Smith oil painting, character, game
2,020
5,872
9. โžœ +1
1,204
3,384
10. โžœ +3
CSS Sanchez
Michael Loscalzo sanchez, picklerick
1,172
9,640

Top ArtPast weekViews

11. โžœ -2
1,172
26,992
13. โžœ -2
Star Wars BB-8 in pure CSS
Jaye Renzo Star Wars, BB-8, animated
764
20,496
14. โžœ +3
700
3,704
15. โžœ +1
Solar Flare
Yusuke Nakaya sun, solar flare
596
4,800
16. โžœ +2
Single Div Tea Cup
Tricia Katz tea cup, tea, single div, coffee
580
15,024
17. โžœ +3
3D First Person Art Gallery
Ben Evans cssart, nojs, 3d, purecss, cssonly
572
3,688
18. โžœ -3
A Pure CSS Portrait - Isla
Ben Evans portrait, isla, painting, drawing
564
8,240
19. โžœ +2
540
2,696
20. โžœ +11
pure CSS Link
Louise Flanagan link, zelda, drawing
492
1,704

Top ArtPast weekViews

21. โžœ +5
476
1,432
22. โžœ +2
Pure CSS Landscape
Ben Evans landscape, painting, drawing
468
8,480
23. โžœ +11
Pure CSS Gaze
Diana Smith italian, renaissance, painting, drawing
436
4,280
24. โžœ +4
Single Div Cassette Tape
Kassandra cassette, single div
412
3,584
25. โžœ +4
404
3,600
26. โžœ -12
CSS Apple
Octavector apple, css-art, fruit
404
3,536
27. โžœ -5
380
1,624
28. โžœ -3
380
8,464
29. โžœ -2
Pokemon pure CSS
Yoplaboom pokemon, charmander
372
15,680
30. โžœ +26
340
984
31. โžœ -12
340
3,264
32. โžœ +12
340
608
33. โžœ +22
Coffee
Ricardo Oliva Alonso coffee, cup, starbucks
316
800
34. โžœ +3
Tesla Cybertruck
Lynn Fisher single div, drawing, tesla, cybertruck
316
2,024
35. โžœ +24
308
462
36. โžœ -3
Pure CSS Playing Card
Ben Evans playing card, king of hearts
308
1,840
37. โžœ +14
Disney's Mickey Mouse in Pure CSS
Rachel Bull disney, mickey-mouse, mickey
308
1,448
38. โžœ +3
Mouth Animation - Monster
Ricardo Oliva Alonso cpc-blob, monster, mouth, animated
308
1,152
39.
284
1,280
40. โžœ +9
macintosh
Sarah Fossheim apple, macintosh
284
1,912
41. โžœ +2
276
1,728
42. โžœ -4
276
4,184
43. โžœ +14
Town
Ricardo Oliva Alonso city, town, animation, isometric, voxel
252
1,056
44. โžœ +31
244
3,288
45. โžœ +3
244
648
46. โžœ +18
244
1,520
47. โžœ -12
Butterfly!
Antonia Symeonidou butterfly, animated
244
1,656
48. โžœ -3
220
2,032
49. โžœ +20
Piano keyboard
Ricardo Oliva Alonso keyboard, piano, animation, music
220
672
50. โžœ +37
CSS Art: Hamster Wheel
Ying Liang hamster, wheel, animated
212
368
51. โžœ -9
Mondrian Painting
Heather Shar mondrian, painting
212
1,168
52. โžœ +43
CSS Fine Art
Rosh Jutherford fine art, illustration, geometric, horse
212
8,976
53. โžœ +20
212
2,040
54. โžœ -22
Happy Animating Alpaca
Annie Bombanie alpaca, llama, animated
212
2,048
55. โžœ -32
Solar System Explorer in CSS only
Jamie Coulter solay system, interaction, educational
212
2,736
56. โžœ -26
Koala | Animals #1
Mike Mangialardi animals, zoo, children
204
5,056
57. โžœ +19
188
1,016
58. โžœ +57
Single Div Radio
Kassandra radio, single div
188
504
59. โžœ -5
188
1,496
60.
California
Ricardo Oliva Alonso camping, night, animated
180
1,328
61. โžœ -21
Watch
Kassandra watch, animated
180
968
62. โžœ -1
180
1,344
63. โžœ +20
180
672
64. โžœ +18
180
448
65. โžœ +26
The Powerpuff Girls in Pure CSS
Rachel Bull powerpuff girls, buttercup
180
416
66. โžœ +13
Pure CSS Pink
Diana Smith gel studio lighting, drawing, pink
180
10,904
67. โžœ +11
Nintendo Switch
Kassandra nintendo, photo-realistic
180
632
68. โžœ -16
180
1,576
69. โžœ +5
180
936
70. โžœ -23
luigi
Louise Flanagan luigi, drawing
180
1,544
71. โžœ -18
180
1,024
72. โžœ +25
Captain America's Shield
Quen marvel, captain america
180
2,880
73. โžœ -3
180
1,320
74. โžœ +34
180
640
75. โžœ +23
180
624
76. โžœ -40
CSS Only iPhone 6
Fabrizio Bianchi iphone 6, 3d, animated
180
8,624
77. โžœ -15
Freddie Mercury - HTML & CSS
Ricardo Oliva Alonso freddy, mercury, portrait, queen, photo
180
968
78. โžœ +10
180
504
79. โžœ -2
164
5,464
80. โžœ +44
Single Div Violin
Tricia Katz violin, single div, music, orchestra
156
4,232
81. โžœ +54
156
280
82. โžœ +30
148
728
83. โžœ +21
Trick Art
Yusuke Nakaya 3d, animation, trick
148
1,072
84. โžœ +5
148
568
85. โžœ +25
Hoverboard in CSS
Christopher Kirk-Nielsen bttf, hoverboard, art, mcfly
148
352
86. โžœ -2
Arrow
Ricardo Oliva Alonso cpc-arrows, arrow, animated, bow
148
496
87. โžœ -1
CSS-Art Teenage Engineering OP-1 Portable Synthesizer
Shunya synthesizer, op-1, softui, neumorphism
148
344
88. โžœ -16
148
7,616
89. โžœ -23
Roland MC-500
Sarah Fossheim roland, mc-500, photo realistic
148
1,064
90. โžœ -22
Dog
Ricardo Oliva Alonso dog, pet, sleep, animated
148
944
91. โžœ -6
Casio PT-1
Sarah Fossheim casio, pt-1, keyboard
148
1,464
92. โžœ -21
Pure CSS Cassette Player
Inès cassette, walkman, sony
148
1,352
93. โžœ +14
148
3,672
94. โžœ -14
Halloween Animation in Pure CSS
Rachel Bull halloween, animated, spider
148
1,520
95. โžœ -49
124
4,704
96. โžœ +24
124
448
97. โžœ +16
CSS KitchenAid Mixer
Kassandra KitchenAid, WomenWhoCode, 100daysofcode
124
800
98. โžœ +7
124
600
99. โžœ +43
Book Search
Lynn Fisher single div, drawing, animated, books
116
1,184
100. โžœ +26
116
184
101. โžœ +26
116
264
102. โžœ +17
116
2,760
103. โžœ +29
South Park in Pure CSS
Rachel Bull south-park, kenny, cartman
116
848
104. โžœ +10
Fall In Love
Yusuke Nakaya love, animation
116
1,168
105. โžœ +23
Work Hard
Ricardo Oliva Alonso night, developer, computer
116
448
106. โžœ +28
Star Planet
Yusuke Nakaya stars, planet, animation, 3d
116
1,336
107. โžœ +30
Manchester City
Shreyas Pawar Manchester City, logo
116
464
108. โžœ +15
116
3,424
109. โžœ -51
116
3,160
110. โžœ -18
116
3,216
111. โžœ -48
Zero Divs! Pure CSS pixel art animation!
Ben Evans pure-css, css-art, pixel-art, css-animation
116
864
112. โžœ -47
Infinite Steps
Yusuke Nakaya stairs, animated, 3d
116
632
113. โžœ -63
CSS Art: Cat
Ying Liang cat, animal, kitten
116
1,304
114. โžœ -33
116
704
115. โžœ -25
116
1,640
116. โžœ -22
116
1,328
117. โžœ +33
Snowman CSS Project
Heather Shar christmas, santa claus, animated
92
9,400
118. โžœ +42
84
2,224
119. โžœ +21
Sleeping (Pure CSS)
Alireza Sheikholmolouki sleeping, illustration, animated
84
560
120. โžœ -9
84
2,368
121. โžœ +35
84
3,320
122. โžœ +19
BB-8 – Single Element CSS Art
Andrew Archibald bb 8, star wars, droid, single div
84
568
123. โžœ -56
84
904
124. โžœ +31
Airbender Aang x BLM
Annie Bombanie avatar, airbender, monk
84
424
125. โžœ +21
84
2,232
126. โžœ -20
84
6,872
127. โžœ -27
RETRO
Ricardo Oliva Alonso gameboy, bmo, animated
84
680
128. โžœ +35
84
256
129. โžœ +23
Halloween - Frankenstein
Ricardo Oliva Alonso halloween, frankenstein, monster, costume
84
320
130. โžœ -5
Gary Spongebob
Amit Lavi gary, spongbob
84
272
131. โžœ +16
Single Div Grace Hopper
Tricia Katz grace hopper, single div
84
2,672
132. โžœ +36
84
368
133. โžœ -11
CSS Lifebuoy
Octavector lifebuoy, rubber ring, help
84
200
134. โžœ +14
Single <div> Gus (pure CSS)
Inès gus, single div, pixelart
84
368
135. โžœ -39
84
552
136. โžœ -37
3D Scan
Yusuke Nakaya scan, animation, 3d
84
616
137. โžœ +34
84
416
138. โžœ -29
61
296
139. โžœ +19
Single Div Luggage
Kassandra luggage, single div
61
344
140. โžœ -24
61
360
141. โžœ +28
53
336
142. โžœ +41
53
200
143. โžœ +44
CSS Art: Flower Power
Ying Liang flowers, shapes, flower
53
256
144. โžœ +42
53
360
145. โžœ +40
53
304
146. โžœ +15
53
208
147. โžœ +15
sardina
Sarah Fossheim lomography, La Sardina, camera
53
320
148. โžœ +31
CSS Boulder Colorado Patch
Ossian Rajala boulder, colorado, patch
53
232
149. โžœ +33
53
208
150. โžœ +20
Día de Muertos
Ricardo Oliva Alonso día de muertos, muertos, halloween, ofrenda, méxico
53
584
151. โžœ +27
Happy Sunshine by Kevin Moran
Rosh Jutherford dribbble, illustration, geometric, happy sun
53
1,528
152. โžœ +23
53
520
153. โžœ +12
53
664
154. โžœ +12
Diorama Bridge
Yusuke Nakaya bridge, animation, 3d
53
336
155. โžœ +12
Showcase Car
Yusuke Nakaya car, animation, 3d, interactive
53
320
156. โžœ +17
Painter
Ricardo Oliva Alonso painter, illustration, animated
53
320
157. โžœ +2
53
1,952
158. โžœ +19
Single Div Backpack
Tricia Katz single div, backpack
53
2,560
159. โžœ -2
#codevember | Book Man Mascot | Pure CSS
Mike Mangialardi illustration, codevember, mascot, branding
53
1,600
160. โžœ -24
Drop Wave Smooth
Yusuke Nakaya wave, animation, 3d
53
352
161. โžœ -59
Paper Bird
Yusuke Nakaya paper, bird, animation, 3d
53
640
162. โžœ -45
53
448
163. โžœ -45
53
3,760
164. โžœ -43
3D Alleyway (CSS)
Octavector transformations, 3d, videogame
53
912
165. โžœ -72
Skull and Snake
Tricia Katz skull, snake, halloween, bone, october
53
2,872
166. โžœ -37
53
1,312
167. โžœ -36
53
1,248
168. โžœ -35
Fluid Lotus eye
DonSinDRom lotus, flower, animated
53
4,208
169. โžœ -39
53
448
170. โžœ -32
53
416
171. โžœ -27
CSS Flamingo
Octavector flamingo, animal
53
472
172. โžœ -19
Pure CSS ISAAC
Alireza Sheikholmolouki isaac, illustration, animated
53
536
173. โžœ -22
53
376
174. โžœ -25
CSS Art: Goldfish
Ying Liang animal, fish, goldfish
53
368
175. โžœ -36
53
528
176. โžœ -31
Truck a GO, GO!
Yusuke Nakaya truck, animation, 3d
53
288
177. โžœ +3
Architecture en France
Octavector poster, bauhaus, retro, history
45
288
178. โžœ -24
29
768
179. โžœ -5
Pure CSS Merry Christmas:)
Alireza Sheikholmolouki christmas, santa claus, animated
29
4,208
180. โžœ +15
29
944
181. โžœ +7
29
264
182. โžœ +17
21
1,824
183. โžœ +9
AMP
Maria Duong amp, happy birthday
21
1,920
184. โžœ +14
21
216
185. โžœ +16
21
344
186. โžœ +11
21
280
187. โžœ +9
21
256
188. โžœ +12
21
200
189. โžœ +5
21
200
190. โžœ +3
Finn by Meg Robichaud
Rosh Jutherford illustration, finn, recreation
21
1,840
191. โžœ -1
21
2,136
192. โžœ -1
Summer Dream
Yusuke Nakaya animation, 3d, summer
21
216
193. โžœ -12
21
240
194. โžœ -30
Family Guy's Brian Griffin in Pure CSS
Rachel Bull brian css, brian pure css, family guy, pure css, brian griffin
21
2,960
195. โžœ -23
CSS Art: Lovebird
Ying Liang animal, bird, heart
21
288
196. โžœ -20
21
336
197. โžœ -54
21
1,872
198. โžœ -14
21
176
199. โžœ -98
Single Div Stapler
Kassandra stapler, single div
21
376
200. โžœ -97
STARFOX Arwing Drone
Yusuke Nakaya animation, 3d, starfox
21
320
201. โžœ -12
Pure CSS Emoji Carousel ๐ŸŽ 
Jhey carousel, 3d, horse, emoji
21
256
202. โžœ +32
0
0
203. โžœ +23
CSS Art Keyboard
Kassandra keyboard, microlab, midi
0
0
204. โžœ +23
0
0
205. โžœ +23
Not A Woman
Sarah Fossheim queer, css, typography, non-binary
0
0
206. โžœ +23
0
0
207. โžœ +23
0
0
208. โžœ +23
0
0
209. โžœ +23
muson.css
Sarah Fossheim css, drawing, muson, cssart, html
0
0
210. โžœ +23
0
0
211. โžœ +28
Mini-world 1
Ricardo Oliva Alonso mariobross, mario, isometric, animation
0
0
212. โžœ +23
0
0
213. โžœ +23
3D Breaking Bad - Pure CSS
Ricardo Oliva Alonso codepenchallenge, cpc-road-trip, 3d, breadkingbad, truck
0
0
214. โžœ +23
Ring Camera
Kassandra camera, ring
0
0
215. โžœ +23
Amazon Fire Remote in HTML+CSS
Álvaro Montoro amazon, fire, remote control
0
0
216. โžœ +8
0
0
217. โžœ +23
Alesis V25
Ricardo Oliva Alonso piano, keyboard, music, song
0
0
218. โžœ +23
0
0
219. โžœ +23
0
0
221. โžœ +4
Puppy
Ricardo Oliva Alonso dog, puppy, cpc-cats-dogs, codepenchallenge
0
0
222. โžœ -20
3D Room - Pure CSS
Ricardo Oliva Alonso room, isometric, 3d, house, gamer
0
0
223.
Pokecenter - Have you found it yet?
Ricardo Oliva Alonso pokemon, pokecenter, 3d, isometric, cssart
0
0
224. โžœ -13
3D Picade - CSS ART
Ricardo Oliva Alonso picade, arcade, 3d, nintendo, mariobross
0
0
225. โžœ -22
#divtober 07 - Bright
Ricardo Oliva Alonso onediv, singlediv, sun, animation
0
0
226. โžœ -22
0
0
227. โžœ -22
0
0
228. โžœ -22
Swag 2.0
Ricardo Oliva Alonso swag, cup, vintage, cartoon, walk
0
0
229. โžœ -22
switch.css
Sarah Fossheim css, nintendo, switch, electronics, 3d
0
0
230. โžœ -22
0
0
231. โžœ -22
3D Pokeball - CSS ART
Ricardo Oliva Alonso pokeball, pokemon, 3d, animation
0
0
232. โžœ -22
0
0
233. โžœ -21
3D Modern House - Pure CSS
Ricardo Oliva Alonso 3d, house, animation, isometric, voxelart
0
0
234. โžœ -12
0
0
235. โžœ -22
f@#you.css
Sarah Fossheim css, drawing, art, html, keyboard
0
0
236. โžœ -22
3D Kitchen - Pure CSS
Ricardo Oliva Alonso isometric, kitchen, cssart, animation
0
0
237. โžœ -22
3D Gamer Room - CSSArt
Ricardo Oliva Alonso 3d, gamer, room, cssart, isometric
0
0
238. โžœ -22
3D Futuristic Room - Pure CSS
Ricardo Oliva Alonso cssart, 3d, room, cyberpunk, futuristic
0
0
239. โžœ -22
0
0
240. โžœ -22
0
0
241. โžœ -22
0
0
242. โžœ -22
Snaptouch CSS Art
Kassandra camera, polaroid
0
0
243. โžœ -22
Blink
Kassandra camera, blink
0
0
244.
Pokemon Battle (Pure CSS) ๐ŸŽฎโœจ
Tee pokemon, nintendo-switch, 3d, css, animation
0
0