Awesome Demos Roundup #20
After a long time, we’re back with a new demos roundup! This is a hand-picked collection of the most fun, creative and impressive web experiments we found on the interwebs in the past times.
Hope you enjoy it and that you can draw some inspiration and ideas from this set!
Mechanical Calculator
by Mariya Avtanska
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Mechanical-Calculator.jpg)
Sketch 202
by Ryo Ikeda
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Sketch-202.jpg)
Input Type Range
by Hakim El Hattab
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Input-Type-Range.jpg)
r3f-kirifuda
by Nemutas
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/r3f-kirifuda.jpg)
Checkbox Animations With Indeterminate State
by Jon Kantner
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Checkbox-Animations-With-Indeterminate-State.jpg)
Sketch 199
by Ryo Ikeda
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Sketch-199.jpg)
Infinite Mac
by Mihai Parparita
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Infinite-Mac.jpg)
FunGUI
by resn
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/FunGUI.jpg)
Art gallery
by Andrés Tonello
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Art-gallery.jpg)
Vaporwave
by Maxime Heckel
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Vaporwave.jpg)
Bike Configurator
by NeedleTools
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Bike-Configurator.jpg)
High-performance Depth of Field
by Pixotronics
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/High-performance-Depth-of-Field.jpg)
Untitled
by Toshiya Marukubo
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Untitled.jpg)
Realistic Grass
by Faraz Shaikh
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Realistic-Grass.jpg)
Pure CSS Mario 64
by Ben Evans
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Pure-CSS-Mario-64.jpg)
Toggle 3D
by Adir
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Toggle-3D.jpg)
Turbulent Buttons
by Adam Kuhn
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Turbulent-Buttons.jpg)
2022
by Hugo Wiledal
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/2022.jpg)
r3f-unshift-effect
by Nemutas
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/r3f-unshift-effect.jpg)
Super Mario Scrollable Timeline
by Adam Kuhn
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Super-Mario-Scrollable-Timeline.jpg)
Infinite scrollable and draggable (WebGL)grid
by Jesper Landberg
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Infinite-scrollable-and-draggable-WebGLgrid.jpg)
threejs experiment
by Domenico Bruzzese
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/threejs-experiment.jpg)
City
by Baron Watts
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/City.jpg)
Spline Matrix
by the Spline Team
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Spline-Matrix.jpg)
VirtualBeeb
by Dominic Pajak
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/VirtualBeeb.jpg)
Gameboy
by Mustapha Aouas
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Gameboy.jpg)
saturdaynight
by Arno Di Nunzio
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/saturdaynight.jpg)
Audio-reactive visual with Three.js
by Francesco Michelini
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Audio-reactive-visual-with-Three.jpg)
Dan Flashes Complicated Shirt Generator
by Adam Kuhn
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Dan-Flashes-Complicated-Shirt-Generator.jpg)
Pose Estimation
by Alexandre Devaux
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Pose-Estimation.jpg)
Focusss v2
by Hakim El Hattab
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Focusss-v2.jpg)
Fox in the wind
by Louis Hoebregts
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Fox-in-the-wind.jpg)
checkboxland
by Bryan Braun
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/checkboxland.jpg)
Akari 1A • Pure CSS • repeating-radial-gradient
by Aris Acoba
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Akari-1A-Pure-CSS-repeating-radial-gradient.jpg)
CSS Drummer
by Deren
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/CSS-Drummer.jpg)
windmill
by Felix Mariotto
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/windmill.jpg)
Crunk dancer
by Arno Di Nunzio
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/04/Crunk-dancer.jpg)