CodePen

Build, test, and discover front-end code 💻

CodePen: https://codepen.io/

Last Notes

2026-08-01 21:33:11 UTC

What if there is a specific file in a Pen you want to use elsewhere? Just grab the URL for it and use it.
Global Assets is more specifically designed for that, though — especially for images where it's got extra superpowers like resizing, quality control, and auto-formatting.
https://cdn.fosstodon.org/media_attachments/files/117/022/391/313/693/986/original/e339e9f0edd9cc30.mp4

2026-05-15 21:33:12 UTC

"Swiper Js Carousel with progress animations" by Timothee Guignard
https://codepen.io/TimGuignard/pen/WbGzRvE
https://cdn.fosstodon.org/media_attachments/files/116/580/731/070/075/563/original/95b388c3aa043d81.mp4

2026-05-14 14:17:10 UTC

"CSS Only Marching Ants Border Effect" by Niklas Knaack
https://codepen.io/NiklasKnaack/pen/vEyKzBY
https://cdn.fosstodon.org/media_attachments/files/116/573/354/293/017/450/original/42b942dd4eea0ec2.mp4

2026-05-13 14:17:09 UTC

"Text Slicer" by Giedre Ju
https://codepen.io/Giedr-Ju/pen/EagJOPp
https://cdn.fosstodon.org/media_attachments/files/116/567/692/028/206/330/original/ace6a8c4933d529f.mp4

2026-04-01 21:33:12 UTC

"Jelly text (Variable Font Physics)" by mike-at-redspace
https://codepen.io/mike-at-redspace/pen/JoRPvpy
(Feels like you could recreate some of the great design at https://follow.art/ with variable fonts!)
https://cdn.fosstodon.org/media_attachments/files/116/331/589/360/494/504/original/d40f374a68189bbc.mp4

2026-02-14 15:17:04 UTC

"Silky smooth toggles volume 2" by Josh Dillon
https://codepen.io/jdillon/pen/QWPLvZe
https://cdn.fosstodon.org/media_attachments/files/116/069/644/483/107/073/original/4d2f3589891b7779.mp4

2025-01-28 15:17:13 UTC

"<pixel-canvas> Web Component" by Ryan Mulligan
https://codepen.io/hexagoncircle/pen/KwPpdBZ
https://cdn.fosstodon.org/media_attachments/files/113/906/641/960/169/918/original/ed8cb2d1edc25d46.mp4

2024-09-12 14:17:04 UTC

Classic great site from Una.
You Might Not Need JavaScript: https://buff.ly/3XDe4DM
CSS alternatives to interactive componentry. Someone could do a fresh take on all these probably with how much fancy new CSS we have.
https://cdn.fosstodon.org/media_attachments/files/113/125/007/169/546/961/original/1a50905583f3c5b9.png