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
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/DrumBot.jpg)
Binary Music Player
by Tim Holman
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/BinaryMusicPlayer.jpg)
Piano keyboard
by Ricardo Oliva Alonso
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/Pianokeyboard.jpg)
Electric strings
by Michal
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/Electricstrings.jpg)
Infinite draggable WebGL slider
by Jesper Landberg
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/Infinitedraggablewebglslider.jpg)
Languor 2
by Liam Egan
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/Languor2.jpg)
Waves
by Louis Hoebregts
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/Waves.jpg)
Magnetism
by Ion Drimba Filho
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/Magnetism.jpg)
Geometry
by Grégoire Divaret-Chauveau
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/geometry.jpg)
Pure CSS Playing Card No.1 – King of Hearts
by Ben Evans
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/PureCSSPlayingCardNo1-KingofHearts.jpg)
Flow
by Peter Liepa
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/Flow.jpg)
Spiral generator
by Fabio Ottaviani
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/Spiralgenerator.jpg)
knotipse
by Fabio Ottaviani
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/knotipse.jpg)
Naughty or Nice?
by Ryan Mulligan
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/NaughtyorNice-.jpg)
Top 10 Records – 2019
by Adam Kuhn
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/Top10Records-2019.jpg)
Tesla Cybertruck in Three.js
by Jon Kantner
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/TeslaCybertruckinThree.jpg)
Nebula
by Ricardo Sanprieto
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/nebula.jpg)
Light
by Mikael Ainalem
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/Light.jpg)
Bauble Generator
by Jhey Tompkins
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/BaubleGenerator.jpg)
Christmas Snow Globe
by Robin McLaut
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/ChristmasSnowGlobe.jpg)
HSL Dimmer Switch
by Jhey Tompkins
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/HSLDimmerSwitch.jpg)
verlet-matcap
by Jordan Machado
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/verlet-matcap.jpg)
animals
by Vincent Riva
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/animals.jpg)
Birthday input with zodiac
by Aaron Iker
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/Birthdayinputwithzodiac.jpg)
Exploding Present
by Jon Kantner
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/ExplodingPresent.jpg)
Generative “Abstract” Christmas Trees w/ React
by Jhey Tompkins
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/GenerativeAbstractChristmasTreesw_React.jpg)
Password Input Light
by Ryan Mulligan
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/PasswordInputLight.jpg)
NBA 3D
by Peter Beshai
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/NBA3D.jpg)
CSS Heart Switch
by Aaron Iker
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/CSSHeartSwitch.jpg)
Pure CSS gooey loader #2/ 2020
by Ana Tudor
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/PureCSSgooeyloader22020.jpg)
Bot Land
by @Xtonomous
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/BotLand.jpg)
“Watercolor” effect in WebGL
by Robin Delaporte
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/Watercoloreffectinwebgl.jpg)
AMS – Multifaceted Refraction
by Andrés Valencia Téllez
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/multifacetedrefraction.jpg)
Snowman
by Avin Lambrero
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/snowman.jpg)
Flat UI and a half
by Yanlin Ma
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/flatui.jpg)
Connected Vertices – How to
by Louis Hoebregts
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/connectingvertices.jpg)
The Jam – Swissted
by Pete Barr
![](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/01/thejam.jpg)
Awesome Demos Roundup #12 was written by Mary Lou and published on Codrops.