Member-only story

10 Cool CodePen Demos (May 2023)

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

Alvaro Montoro
Level Up Coding
2 min readAug 4, 2024
Photo by Kari Shea on Unsplash

Flying through hexagons

Amit Sheen is an expert on 3D in CSS. This demo would be a beautiful show of CSS in three dimensions, but the “Fly through” mode takes it to be one of the best demos you’ll see using translated3D.

100% 3D CSS + HTML Render (+ basic JS Controls) // (warning: Stress Test)

Behind this long (and descriptive) title, there’s another amazing 3D CSS demo (and one of the best you’ll see in a long time, too!). Jane Ori brings to life a whole city district in CSS and HTML (and a bit of JavaScript to control the camera). Beautiful art and implementation. Note: it works best on Firefox.

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Written by Alvaro Montoro

Full-Stack Software Engineer, Mobile Developer, Web technologies enthusiast. CSS aficionado. Twitter: @alvaro_montoro

No responses yet

What are your thoughts?