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/…