Awesome Demos Roundup #12

A hand-picked collection of fantastic web experiments for your inspiration.

Awesome demos roundup #12 featured image

From sound experiments to exquisite shapes, from Christmas themes to 3D dreams —our latest demos collection is nothing short of spectacular and glorious. Despite the past weeks being busy, full of end-of-year deadlines and packed schedules, creativity in the geeky coding web world has not suffered, to the contrary! So much amazing stuff was made!

We hope you enjoy this first awesome demos selection of 2020 and get inspired to create something fun.


by Monica Dinculescu

Binary Music Player

by Tim Holman

Piano keyboard

by Ricardo Oliva Alonso

Electric strings

by Michal

Infinite draggable WebGL slider

by Jesper Landberg

Languor 2

by Liam Egan


by Louis Hoebregts


by Ion Drimba Filho


by Grégoire Divaret-Chauveau

Pure CSS Playing Card No.1 – King of Hearts

by Ben Evans


by Peter Liepa

Spiral generator

by Fabio Ottaviani


by Fabio Ottaviani

Naughty or Nice?

by Ryan Mulligan

Top 10 Records – 2019

by Adam Kuhn

Tesla Cybertruck in Three.js

by Jon Kantner


by Ricardo Sanprieto


by Mikael Ainalem

Bauble Generator

by Jhey Tompkins

Christmas Snow Globe

by Robin McLaut

HSL Dimmer Switch

by Jhey Tompkins


by Jordan Machado


by Vincent Riva

Birthday input with zodiac

by Aaron Iker

Exploding Present

by Jon Kantner

Generative “Abstract” Christmas Trees w/ React

by Jhey Tompkins

Password Input Light

by Ryan Mulligan


by Peter Beshai

CSS Heart Switch

by Aaron Iker

Pure CSS gooey loader #2/ 2020

by Ana Tudor

Bot Land

by @Xtonomous

“Watercolor” effect in WebGL

by Robin Delaporte

AMS – Multifaceted Refraction

by Andrés Valencia Téllez


by Avin Lambrero

Flat UI and a half

by Yanlin Ma

Connected Vertices – How to

by Louis Hoebregts

The Jam – Swissted

by Pete Barr

Tagged with:

Manoela Ilic

Manoela is the main tinkerer at Codrops. With a background in coding and passion for all things design, she creates web experiments and keeps frontend professionals informed about the latest trends.

Stay in the loop: Get your dose of frontend twice a week

👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox.

Zero fluff, all quality, to make your Mondays and Thursdays more creative!