← Feed

Posts

• View post

  "CSS 8" by Stijn Van Minnebruggen https://codepen.io/editor/donotfold/pen/01a0338f-bf79-7da2-b582-ad9fe4b9f586

• View post

  "E(tch a sketch)mail - Signature" by Gymnase https://codepen.io/editor/gymnase/pen/01a0208f-c55f-7b19-9305-4cc1381ef62d

• View post

  The September CodePen Challenge is on! This month, we're working with Charts & Graphs, starting with a Flowchart https://codepen.io/challenges/2026/september/1 Thanks @MongoDB for sponsoring!: https://srv.buysellads.com/ads/long/x/THHPHHSPTTTTTTF7S4GCWTTTTTT3ZX6A2VTTTTTTWTQQ5BETTTTTTYBKKR7CPAB42RJMVMZVQ3ZWESLUKQDMKNIN52FT?cid=394844

• View post

  "GSAP Flix+" by mike-at-redspace https://codepen.io/editor/mike-at-redspace/pen/019fd684-db73-72f2-bc1f-df5b28d2f269

• View post

  > Voting is now open for the Tiny Awards 2026! https://tinyawards.net/ > The Tiny Awards exist because we thought it was important to shine a spotlight on the sorts of personal web projects that tend to get overlooked by more traditional, larger or more commercial awards.

• View post

  Live streamin' soon! (10am Pacific) I think we're gonna call it CodePen School. We hang out, build stuff, look at interesting things, try to be educational, etc. YouTube: https://youtube.com/live/ioOYSdvsax8 Twitch: https://www.twitch.tv/codepen

• View post

  "3D Rowing Boat" by Grant Jenkins https://codepen.io/editor/grantjenkins/pen/01a07bf9-0891-711d-8167-193db394e525

• View post

  Our Charts & Graphs challenge continues! This week, we're baking up pie and donut charts 🍩 https://codepen.io/challenges/2026/september/2 Thanks @MongoDB for sponsoring! https://srv.buysellads.com/ads/long/x/THHPHHSPTTTTTTF7S4GCWTTTTTT3ZX6A2VTTTTTTWTQQ5BETTTTTTYBKKR7CPAB42RJMVMZVQ3ZWESLUKQDMKNIN52FT?cid=394844

• View post

  "Globe Spinners" by Jon Kantner https://codepen.io/editor/jkantner/pen/01a07de7-6d37-7967-8701-f362b18d480d

• View post

  The final week of our September challenge is on! This week, you'll chart your own course 🗺️ https://codepen.io/challenges/2026/september/4 Thanks @MongoDB for sponsoring! https://srv.buysellads.com/ads/long/x/THHPHHSPTTTTTTF7S4GCWTTTTTT3ZX6A2VTTTTTTWTQQ5BETTTTTTYBKKR7CPAB42RJMVMZVQ3ZWESLUKQDMKNIN52FT?cid=394844

• View post

  "3D Interactive Chart" by Grant Jenkins https://codepen.io/editor/grantjenkins/pen/01a0b4d4-ff57-707c-863e-39e7806c618f

• View post

  "Inline Block Processing" is a cool thing CodePen can do. Here's a video showing it off: https://www.youtube.com/watch?v=AyAFRRgq3dw Docs: https://blog.codepen.io/docs/pens/blocks/inline-block-processing/ Examples: https://codepen.io/collection/eYVeaY

• View post

  "Lines and Bars with WebDataRocks and HighCharts" https://codepen.io/editor/webdatarocks/pen/01a0d364-d876-7bd8-b675-081b8d1644e3

• View post

  "Pure CSS Autumn Lake" by Rob https://codepen.io/editor/Sensiblemnd/pen/01a10210-a654-7e29-88af-2420b32c7ec8

• View post

  "<rich-input> demo" by Bramus https://codepen.io/editor/bramus/pen/01a0a185-7c1d-7487-9082-528055f64685 Pretty impressive combination of new web tech to make this happen: <datalist>, the OpaqueRange API, and the CSS Custom Highlight API.

• View post

  CodePen School (Live Stream) at the top of the hour! https://www.youtube.com/watch?v=5Idb6EaDsYE Probably gonna share some cool tools and techniques, news, answer some questions, maybe a little Stump Stephen! We've got a Twitch too: https://www.twitch.tv/codepen

• View post

  The October CodePen Challenge is on! This month, it's Jest Halloween 🎃 Every week you'll get a starter Pen with a Jest test and a Halloween twist https://codepen.io/challenges/2026/october/1 Thanks @PagerDuty for sponsoring! https://srv.buysellads.com/ads/long/x/T6ZY6BZPTTTTTT6GOHECWTTTTTTV7HS42VTTTTTTE33CLBETTTTTT2ZCVRD66W3YGHIDCBIPPHKHPA7WCRHC554FCQEE?cid=388275

• View post

  We've got a full-blown Read/Write API now. Just so ya know. https://blog.codepen.io/docs/api/api-v2/ REST or GraphQL.

• View post

  Such a cool "Copy" interaction from Tyler Sticka: https://tylersticka.com/journal/that-tear-off-tab-copy-button-effect/

• View post

  Three nice styles for highlighter-style <mark> elements: - https://codepen.io/HejChristian/pen/NPbBeqO - https://codepen.io/cassidoo/pen/JjQOBZB - https://codepen.io/vii120/pen/KwMBaaY

• View post

  "CSS Scroll-Spy Timeline Navigation" by Paul https://codepen.io/editor/Maseone/pen/019ec283-e15f-754e-9e21-8f345fc2f4df

• View post

  The April CodePen Challenge continues! This week's code word is: Loop 🔁 https://codepen.io/challenges/2026/april/2 Thanks @MongoDB for sponsoring: https://srv.buysellads.com/ads/long/x/THHFSIZQTTTTTT6JEG4CLTTTTTTKAUNC26TTTTTTWDCABBVTTTTTTI4MVJAULS7U53AIPSLFV7I6NKL5ZHRHTMIEPH2T?cid=371477

• View post

  The February CodePen Challenge continues! This week, we're mixing and blending colors 🎨 https://codepen.io/challenges/2026/february/3

• View post

  "Picket fence animation using scroll animations" by Chris Bolson https://codepen.io/cbolson/pen/JoKBeaW

• View post

  "Data Tunnel - Three.js" by Sabo Sugi https://codepen.io/sabosugi/pen/azZmLoB

• View post

  "Chicky" by Takane Ichinose https://codepen.io/takaneichinose/pen/zxBerNV

• View post

  Out with :nth-child(), in with :sibling-index()! Just so satisfying to use. * no Firefox yet

• View post

  It's the final week of the February CodePen Challenge! Let's play with new colors 🎨 https://codepen.io/challenges/2026/february/4

• View post

  AIM (Anchor Interpolated Morph) is a pretty cool idea from Adam. https://argyle.ink/anchor-interpolated-morphing Here I'm using it for a [popover]-powered image gallery where the thumbnails open full-size images. They animate from where they were, and close back to where the were as well.

• View post

  "Page flip!" by Liam Egan https://codepen.io/shubniggurath/pen/jEMNobq