Member-only story

10 Cool CodePen Demos (July 2024)

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

Alvaro Montoro
Level Up Coding
2 min readAug 4, 2024

Photo by Kari Shea on Unsplash

Screen Width/Height (CSS-Only)

Temani Afif usually appears in this list with CSS demos. This time, because of something impressive: combining custom properties with at-property and trigonometric functions, he can display the screen height and width… no JavaScript whatsoever!

WebGL Interactive Blobs

Mouse over these cute blobs to see them react and move (even more than they already do). This is a fun demo with WebGL by Ksenia Kondrashova that could be used as an interactive (and distracting) background on a website.

Movie Quote Hack

Written by Alvaro Montoro

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

No responses yet

Write a response