Favorite Pens from CodePen

October 25, 2016 Notebook, Website Design

CodePen is a playground for the front end side of the web. It’s all about inspiration, education, and sharing.

Need to build a reduced test case to demonstrate and figure out a bug? CodePen is great for that. Want to show off your latest creation and get feedback from your peers? CodePen is great for that. Want to find examples of a particular design pattern for your project? CodePen is great for that.

See the Pen Flipside by Hakim El Hattab (@hakimel) on CodePen.0

See the Pen CSS Paper Text by Mattia Astorino (@equinusocio) on CodePen.0

See the Pen Before and After – Image Preview by André Cortellini (@AndreCortellini) on CodePen.0

See the Pen Ants on Sugar CSS Animation by Stephen Fairbanks (@thathurtabit) on CodePen.dark

See the Pen Text shadow by jakob-e (@jakob-e) on CodePen.dark

See the Pen CSS 3D Solar System by Julian Garnier (@juliangarnier) on CodePen.dark

See the Pen Card effect by Alex Moore (@MoorLex) on CodePen.dark

See the Pen CSS Tooltip Magic by Envato Tuts+ (@tutsplus) on CodePen.dark

See the Pen Daily UI 002 | Credit Card Form by Parlor Interactive (@heyparlor) on CodePen.dark

See the Pen Daily UI #002: Credit Card Checkout by Fabio Ottaviani (@supah) on CodePen.dark

See the Pen HexMaze by Scott R McGann (@cantelope) on CodePen.0

I’ll add more as I find them…