From our sponsor: Meco is a distraction-free space for reading and discovering newsletters, separate from the inbox.
Over the past few weeks we’ve collected some really fantastic web experiments that show that there’s simply no limit to creativity when it comes to playing with code. WebGL goodness, CSS magic and everything in between, there’s so much to explore!
I hope you enjoy this collection and that you can draw some juicy, creative inspiration from it!
Celestial Bodies
by Theo Gil
Sketches (67)
by Yi-Wen Lin
Ghost Card
by Yugam
Bongo Cat
by Eric Huber
ROYGBIV
by Oguz Eroglu
Particles Image Animation from Mathis Biabiany’s website
by Yuri Artiukh
3D CSS Letter Transition
by Adam Kuhn
Waveform Visualiser
by Yugam
Animated clip-path slider Concept
by Jake Whiteley
CSSometric
by Ryan Mulligan
Link hover animation
by Aaron Iker
Nowhere (a CSS 3D Scene)
by Jon Kantner
Pure CSS Product Card
by Adam Kuhn
Rainbow Hypercube
by Louis Hoebregts
Totem animals
by Anthony
Toggle Switch with a Hole Handle
by Jon Kantner
Hex Tunnel
by Marius Ballot
PureCSS Character
by Diana Smith
Real-time raytracing with WebGL
by Dre
WebGL Slider Interaction
by Sikriti Dakua
Galaxy Simulation
by Angela He
Dreaming of Jupiter
by isladjan
Metallic Fluid
by Scott Darby
Ceramic
by Fabio Ottaviani
Orion’s Galaxy
by Jhey Tompkins
3D Room (pure CSS)
by Ricardo Oliva Alonso
Arrow
by Fabio Ottaviani
100 divs – Dragon
by Cassie Evans
Noisy Blob
by Sikriti Dakua
Crystal planet
by Pavel Boytchev
Mirrors
by Marco Ludovico Perego
Three.js lines
by Yuri Artiukh
Voronoi Pebbles
by James Hancock
Sombras.app
by Javier Borquez
LED Switch
by Jon Kantner
CSS Only Room Escape Game
by Takane Ichinose
Responsive “Cool” Steps
by Jhey Tompkins
Alter
by Yuin Chien
Candy Ring Preloader
by Jon Kantner
3D Modern House
by Ricardo Oliva Alonso
Duo
by ycw
Wind chimes
by Emmanuel Durgoni
Space Knot
by Jameson Tucker
CSS Vintage VW Bug
by Shunya
Coder in the swamp
by Arno Di Nunzio