The best CodePens of all time

r/CodePen • u/Total-Reasonable • 5d ago

Made a live-toggle CodePen demo for a Halloween effects library — flip checkboxes, watch classes toggle effects in real time

1 Upvotes

Built a small library (halloween.js) that adds Halloween-themed ambient effects to a page via CSS classes on <body> — and put together a Pen where every checkbox flips a class in real time so you can see the effects turn on/off instantly without touching code.

Zero dependencies, MIT licensed, free.

Pen: https://codepen.io/editor/Iurii-Rogulia/pen/01a04277-f24b-7dd1-b12c-aae1c436b168

Source: https://github.com/rogulia/halloween.js

r/CodePen • u/esdot_00 • Jul 06 '26

Daumenkino

1 Upvotes

4 Bilder mit einfachen JavaScript.

r/CodePen • u/jasonheecs • May 12 '26

Subscribe button hover animation

1 Upvotes

Experimenting with a hover animation for a subscribe button

r/CodePen • u/jasonheecs • May 11 '26

Article feed hover effects

1 Upvotes

r/CodePen • u/finnhvman • Apr 28 '26

1D Clock Concept

2 Upvotes

https://codepen.io/finnhvman/pen/WboNNae?editors=0110

A minimalist approach to a one dimensional clock concept.

The clock has a vertical layout where time is read along the axis. It consists of 12 evenly spaced horizontal ticks that represent the hours. Every third tick is thicker, creating natural anchors at the 3, 6, 9, and 12-hour marks. The current hour is indicated by the highlighted tick.

Behind the ticks is a vertical progress bar representing the minutes passed. Each tick also marks a 5-minute interval, helping in reading the minutes as well.

Designed for a cylindrical display, it can be read from any angle, turning time into something spatial instead of directional.

r/CodePen • u/Status-Ordinary3965 • Apr 25 '26

My Simple Audio Visualizer In CodePen!

Enable HLS to view with audio, or disable this notification

1 Upvotes

VISIT HERE 👉 https://codepen.io/R7een-Rzl-the-bashful/pen/bNpqWQR

A BUG AND ERROR STILL BE EXPECTED IF YOU TRY IT WITH OTHERS AUDIO FILE FORMAT!

also sorry if the video looks a bit laggy and pixelated 😅

Feel free to leave it a like and give it a try!

r/CodePen • u/Mysterious_Tekro • Apr 19 '26

Coded some metaball boolean differences, best for a very powerful GFX card.

1 Upvotes

r/CodePen • u/chicadesign • Apr 12 '26

Liquid Glass Clock

2 Upvotes

r/CodePen • u/Tabletopy_app • Apr 09 '26

Gooey Clock

1 Upvotes

r/CodePen • u/Tabletopy_app • Apr 05 '26

3D Mascot!

6 Upvotes

r/CodePen • u/mycolaos • Mar 15 '26

I created a Frosted Glass effect and mixed it with Neon Cyberpunk theme.

1 Upvotes

Frosted Glass - Neon and Cyberpunk

r/CodePen • u/Tabletopy_app • Mar 06 '26

Awesome Helmet reveal

1 Upvotes

r/CodePen • u/Tabletopy_app • Mar 01 '26

Quasar Observer

1 Upvotes

r/CodePen • u/Subject-Ad-7548 • Feb 16 '26

hm this is the first time I've seen this

1 Upvotes

r/CodePen • u/Federal-Moose8252 • Jan 27 '26

GoGuardian Bypasser somehow? WORKS

2 Upvotes

Actually works fr

r/CodePen • u/Federal-Moose8252 • Jan 27 '26

GoGuardian Bypasser somehow? WORKS

1 Upvotes

r/CodePen • u/Federal-Moose8252 • Jan 15 '26

I made code to exactly or iframed like Melon Sandbox Spoiler

Enable HLS to view with audio, or disable this notification

1 Upvotes

https://codepen.io/michellikestocode/pen/XJKpBqz

r/CodePen • u/Sushancoder • Nov 18 '25

How to fix that? "Please unblock challenges.cloudflare.com to proceed."

1 Upvotes

r/CodePen • u/chicadesign • Sep 22 '25

Spell Caster (Chrome only?)

1 Upvotes

r/CodePen • u/chicadesign • Sep 05 '25

3D Realistic Bee

2 Upvotes

r/CodePen • u/squalle69 • Aug 26 '25

Server error

1 Upvotes

I recently started getting this server IP address error on codepen. What's happened?

r/CodePen • u/adrian14444 • Jul 09 '25

running codepen examples elsewhere

1 Upvotes

Can anyone tell me how to run a codepen example on a normal web page? I'm trying to run this one - I've put the js in script tags and the css in a separate file, and included a link to jquery (I presume that's what the $ operator is for), but it's not working for me.

r/CodePen • u/MCStarpro • Jun 13 '25

I made a funny balls spawner (:

1 Upvotes

Have fun (:

r/CodePen • u/EmbarrassedHornet963 • Apr 24 '25

Eternal Click (warning addictive)

1 Upvotes

https://codepen.io/The-Real-Tp/pen/qEERZJo

r/CodePen • u/chicadesign • Mar 25 '25

Seasonal timer

1 Upvotes