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

--

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

--

--

No responses yet

What are your thoughts?