10 Amazing Web Demos And Experiments for May 2018

The web dev community is full of talented programmers, designers, and artists, always building new things and pushing the web forward. There are hundreds of interesting projects that people share every day.

In this article we will take a look at some of the most exciting demos and experiments that we think you should definitely check out.


jelly-boids.png

Jelly Boids

This demo shows a number of beans-like shapes moving in circles and following your mouse cursor. The demo is surprisingly smooth and lifelike. Clicking toggles debug mode, so you get more insight on how it all works.


movie-review-new.png

Movie Review Slider

This an interesting form for rating movies. When you move the rating slider, popcorn pop up in the background and the emotion on the director's face changes. The higher you rate it, the happier he gets.


tower-of-hanoi-new.png

Tower of Hanoi

This is the popular mathematical puzzle called 'The Tower of Hanoi', made only with CSS. Your goal is to move all the discs from the left side to the right side. You can only move one disc at a time and a disc can not be placed on top of a smaller one.


cube-twist-new.png

Cube Twist

This demo shows a group of shapes spinning around horizontally and vertically and forming a cube. It is created only with CSS and it comes with a 20 minute video where you can see how it is made from scratch.


space-invaders-new.png

Space Invaders

This is a remake of the classic Space Invaders arcade game made with JS and CSS. The rules are simple - shoot, survive and get a high score. The different alien types give you different number of points.


cube-new2.png

Cube

An animated demo which shows a group of small cubes moving and spinning around, that forms a bigger cube. It is surprising how little code is used to generate this demo thanks to the p5.js library.


sorting.png

Visualization of Sorting Algorithms

This amazing demo shows a visual representation of the workings of different sorting algorithms. The demo includes a number of different sized bars and 6 algorithms you can choose from. When you select the type of sorting you want, the bars start moving around until they are sorted and you can see the exact way the algorithm works.


francine-new.png

Pure CSS Francine

This is a re-creation of a classic 18th century oil painting, hand crafted using only CSS. The level of detail is impressive, and you can get both a painting and a CSS lesson just by inspecting the source code.


sphere-shader2.png

Sphere Shader

This demo shows an awesome 3D sphere with amazing effects and animations. Every few seconds, it changes it's color, which comes with different effects and particles. The demo is really high-quality, with eye-catching colors, smooth transitions and awesome visual effects.


infinite-terrain.png

Infinite Terrain

This is an interesing demo created with Three.js. It takes you on an infinite virtual trip with different terrain features. The demo has realistic effects with shadows and reflections, and the movement is amazingly smooth, with no lag or delay.


Presenting Bootstrap Studio

a revolutionary tool that developers and designers use to create
beautiful interfaces using the Bootstrap Framework.

Learn more
Web Browser Frame DevKit Box Mouse Cursor

Related Articles

Be the first to write a comment!

Comments 0