CodePen.IO (@codepen) 's Twitter Profile
CodePen.IO

@codepen

Build, test, and discover front-end code đŸ’»

Support: codepen.io/support

ID: 517021184

linkhttps://codepen.io calendar_today06-03-2012 23:58:57

19,19K Tweet

202,202K Followers

2,2K Following

GSAP (@greensock) 's Twitter Profile Photo

Week 2 of the Webflow & GSAP community challenge. Open to everyone! Submit a CodePen.IO demo or Webflow site & win prizes đŸ’« - Draggable & Inertia - Build something you can drag, flick, spin, snap, or fling across the screen. Think playful, tactile UI, drag-to-solve puzzles,

CodePen.IO (@codepen) 's Twitter Profile Photo

Another challenge that might catch your eye this month! GSAP, the amazing animation framework, has gone 3.13 with great updates and new licensing to be entirely free (even for commercial sites). They are celebrating with a month of challenges to use it and win swag.

CodePen.IO (@codepen) 's Twitter Profile Photo

The May #CodePenChallenge continues! This week, we're serving up Toasts & Snackbars codepen.io/challenges/202
 Thanks @Pluralsight for sponsoring: srv.buysellads.com/ads/long/x/T6R


The May #CodePenChallenge continues!
This week, we're serving up Toasts & Snackbars 
codepen.io/challenges/202
 
Thanks @Pluralsight for sponsoring: srv.buysellads.com/ads/long/x/T6R

CodePen.IO (@codepen) 's Twitter Profile Photo

It’s week three of our Food #CodePenChallenge! This week, we’re serving up an alphabet soup đŸ„Ł codepen.io/challenges/202
 Thanks @Pluralsight for sponsoring: srv.buysellads.com/ads/long/x/T6R


It’s week three of our Food #CodePenChallenge!
This week, we’re serving up an alphabet soup đŸ„Ł
codepen.io/challenges/202
 
Thanks @Pluralsight for sponsoring: srv.buysellads.com/ads/long/x/T6R

CodePen.IO (@codepen) 's Twitter Profile Photo

There are more characters in this message than there are in the Pug code that generates the SVG of this example. Hash tag code golf. codepen.io/ccprog/pen/Ggg


There are more characters in this message than there are in the Pug code that generates the SVG of this example. Hash tag code golf. 

codepen.io/ccprog/pen/Ggg

CodePen.IO (@codepen) 's Twitter Profile Photo

It's the final week of the May #CodePenChallenge! This week, it's time for sweet treats 🍩 codepen.io/challenges/202
 Thanks @Pluralsight for sponsoring: srv.buysellads.com/ads/long/x/T6R


It's the final week of the May #CodePenChallenge!
This week, it's time for sweet treats 🍩
codepen.io/challenges/202
 
Thanks @Pluralsight for sponsoring: srv.buysellads.com/ads/long/x/T6R

CodePen.IO (@codepen) 's Twitter Profile Photo

Just a neat little bit of UI. How might you make this? (Area with light gray dashed line, when hovered, become thicker green dashes, and their position rotates a bit.)

CodePen.IO (@codepen) 's Twitter Profile Photo

"Single-Element Rating Component" Alvaro Montoro (That entire thing is just ONE <input type="range">, wow.) codepen.io/alvaromontoro/