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.

DrumBot

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

Waves

by Louis Hoebregts

Magnetism

by Ion Drimba Filho

Geometry

by Grégoire Divaret-Chauveau

Pure CSS Playing Card No.1 – King of Hearts

by Ben Evans

Flow

by Peter Liepa

Spiral generator

by Fabio Ottaviani

knotipse

by Fabio Ottaviani

Naughty or Nice?

by Ryan Mulligan

Top 10 Records – 2019

by Adam Kuhn

Tesla Cybertruck in Three.js

by Jon Kantner

Nebula

by Ricardo Sanprieto

Light

by Mikael Ainalem

Bauble Generator

by Jhey Tompkins

Christmas Snow Globe

by Robin McLaut

HSL Dimmer Switch

by Jhey Tompkins

verlet-matcap

by Jordan Machado

animals

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

NBA 3D

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

Snowman

by Avin Lambrero

Flat UI and a half

by Yanlin Ma

Connected Vertices – How to

by Louis Hoebregts

The Jam – Swissted

by Pete Barr

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

Fresh news, inspo, code demos, and UI animations—zero fluff, all quality. Make your Mondays and Thursdays creative!