10 Cool CodePen Demos (July 2023)

A collection of 10 cool and exciting front-end demos shared on CodePen during July 2023

Photo by Kari Shea on Unsplash

A Pure CSS 3D Maze!

Ben Evans is a fantastic CSS Artist and also creates games in CSS. This time, it is a 3D Maze built with HTML and CSS. No JavaScript or other languages. Enjoy it! Note: This demo works on Chrome (and Firefox?)

Sunday CSS #7: 3D Pencil

This 3D rotating pencil was created by Julia Miocene in HTML and CSS. She used the latest CSS trigonometric functions to calculate the angles and positions and the shape points for the different layers—a simple and cool demo.

Animated Hirayama Fireworks

This animated vintage poster is excellent in itself. Still, Mads Stoumann went beyond that and shared a blog post about the whole process with detailed explanations of the techniques used. The demo may be resource-consuming on some computers.

Online Guitar Tuner v3

This month, different demos by Josetxu made the shortlist of this article (his CSS homage to the late cartoonist Ibañez is great, too). But this one, in particular, had to be on the list. It is practical, clean, and beautiful.