Awesome Demos from 2018

A collection of our favorite demos and experiments from 2018.

Demos2018_featured

Today we’d like to share a collection of our favorite demos and experiments from 2018. This is just a small number compared to all the fantastic stuff that was made and shared in 2018, but we hope you enjoy this little selection of our favorite picks.

Please note that a lot of these demos are experimental and will require a modern browser to work.

Simplex Flower Generator by Jack Rugile

Simplex-Flower-Generator

Jelly by Adam Brooks

jelly

Repellers by Johan Karlsson

Repellers

2018.makemepulse.com by the team of Makemepulse

2018.makemepulse.com

Only CSS: Infinite Steps by Yusuke Nakaya

Only-CSS-Infinite-Steps

This alter world by Gerard Ferrandez

This-alter-world

CSS Space Shooter by Michael Bromley

CSS-Space-Shooter

Psychedelic waves by Karim Maaloul

Psychedelic-waves

Stinkmoji by Stink Studios

Stinkmoji

Song Maker by the Chrome Music Lab

chrome

The Chameleon from Null Island by kittons

The-Chameleon-from-Null-Island

Neural Drum Machine by Tero Parviainen

Neural-Drum-Machine

Toon Shading by Misaki Nakano

Toon-Shading

Wiggly Squiggly by Steve Gardner

Wiggly-Squiggly

Skin and Eye Rendering by David Lenaerts

Skin-and-Eye-Rendering

Perlin Noise by yasaisai

Perlin-Noise

Only CSS: 404 Rolling Box by Yusuke Nakaya

Only-CSS-404-Rolling-Box

Lost Without You by Jack Rugile and Nicolle Witte

Lost-Without-You

VHS Effects (regl) by halvves

VHS-Effects-(regl)

Pure CSS 4 Designers by Julia Muzafarova

Pure-CSS-4-Designers

Pure CSS Francine by Diana Smith

Pure-CSS-Francine

Pin Screen by Johan Karlsson

Pin-Screen

Pure CSS watch animation by Grzegorz Witczak

Pure-CSS-watch-animation

Line Lisa by Nikita Dubko

Line-Lisa

Going Home by 302 chanwoo

Going-Home

Heraclos by students of GOBELINS Paris

Heraclos

Solids by Dave DeSandro

Solids

Thank You by Liam Egan

Thank-You

Tenori-off by Monica Dinculescu

Tenori-off

Ghost Mouse by Liam Egan

Ghost-Mouse

Track by Little Workshop

Track

Isometric eCommerce CSSGrid by Andy Barefoot

Isometric-eCommerce-CSSGrid

Halftone Effect by Misaki Nakano

Halftone-Effect

Zippity Zappity (SVG) by Steve Gardner

Zippity-Zappity-(SVG)

Pure CSS Stack by Ben Szabo

Pure-CSS-Stack

Little Big City by Yi Shen

Little-Big-City

Pure CSS Moustached Nanny by Julia Muzafarova

Pure-CSS-Moustached-Nanny

Dot Menu Animations by Tamino Martinius

Dot-Menu-Animations

Fake 3D effect with depth map by Robin Delaporte

Fake-3D-effect-with-depth-map

CSS Snake & Ladders by Alvaro Montoro

CSS-Snake-&-Ladders

Perlin Noise by Victor Vergara

Perlin-Noise-(2)

Pure CSS The Carlton Dance by Grzegorz Witczak

Pure-CSS-The-Carlton-Dance

Exoplanet Explorer by Thomas Van Glabeke

Exoplanet-Explorer

How Many Steps Does It Take To Get From Me To You? by Jase Smith

steps

Bellwoods by Matt DesLauriers

Bellwoods

HyperMorph 3000™ by Andreas Borgen

HyperMorph-3000™

Interplanetary Postal Service by Sebastian Macke

Interplanetary-Postal-Service

Ripple Mouse (with plasma) by Liam Egan

Ripple-Mouse-(with-plasma)

Lissajous Table – Pannable by Jacob Foster
Lissajous-Table—Pannable

Falling by Yuan Chuan
Falling

Dragon Snake by Thomas Hooper

Dragon-Snake

Color Changing Chameleon by Cassie Evans

Color-Changing-Chameleon

#codevember – 1 – Infinity by Johan Karlsson
#codevember—1—Infinity

Have you ever been lonely? by Gerard Ferrandez and Angelo Plessas

Have-you-ever-been-lonely-

Layerscape by André Mattos

Layerscape

Fashion concept by Jesper Landberg

Fashion-concept

Jellyfish by Rafael Castro Couto

Jellyfish

My journey had lasted seven hours by Gerard Ferrandez

My-journey-had-lasted-seven-hours

#codevember – 15 – Flame by Liam Egan

#codevember—15—Flame

Laser Bag Pipe by Lars Berg

Laser-Bag-Pipe

Flameout by Rye Terrell

flameout

#codevember — bread by Noel Delgado

bread

Canvas Proximity Mask by Ricardo Mendieta

Canvas-Proximity-Mask

Astray 2 by Rye Terrell

Astray-2

Electricity by Vicente Lucendo

Electricity

Dreamsynth by odbol

Dreamsynth

Happy Shopper by Lars Berg

Happy-Shopper

Tiny Explorer by Rachel Richardson

Tiny-Explorer

Pure CSS Pink by Diana Smith

Pure-CSS-Pink

Mikuboard by Daniwell

Mikuboard

Under by Weston C. Beecroft

Under

Choir by David Li

Choir

Retro Pixel by Misaki Nakano

Retro-Pixel

Glimmer by Nicolas Riciotti

Glimmer

Spotify Wrapped Animation using GSAP by Peter Barr

Spotify-Wrapped-Animation-using-GSAP

Sandspiel by Max Bittker

Sandspiel

HyperSpace Jump by Ricardo Mendieta

HyperSpace-Jump

Magic sketchpad by Monica Dinculescu

Magic-sketchpad

Flame in the wind by Blake Bowen
Flame-in-the-wind

Infinite Gift by Jaume Sanchez Elias

InfiniteGift

Previous:
Next:

Tagged with:

ML is a freelance web designer and developer with a passion for interaction design. She studied Cognitive Science and Computational Logic and has a weakness for the smell of freshly ground peppercorns.

View all contributions by

Website: http://www.codrops.com

Related Articles

Receive our bi-weekly Collective or official newsletter right in your inbox.

Which newsletter would you like to receive?

CSS Reference

Learn about all important CSS properties from the basics with our extensive and easy-to-read CSS Reference.

It doesn't matter if you are a beginner or intermediate, start learning CSS now.