Top 10 Codepens of the Week #11

It’s that time again! We’re showcasing the coolest and best things creative people have created.

If you don’t already have a Codepen account, signup for for free account or even a paid PRO account and tweet us your front-end invention.

This week we’re going to be showcasing some stuff from this awesome section of the Codepen website. These collections contain some really cool pens that you can pull inspiration from (aka steal) for your next application. Enjoy!

Chart Inspiration For Days!

Donut Chart by Kris Olszewski

See the Pen Donut Chart by Kris Olszewski (@KrisOlszewski) on CodePen.

esqub by Hunter Long

See the Pen esqub by Hunter Long (@hunterlong) on CodePen.

Qtpie by Duboc Marc

See the Pen Qtpie by Duboc Marc (@IceMaD) on CodePen.

Watch Me Load!

Loading squares by Greg Wood

See the Pen Loading squares by Greg Wood (@weirdvector) on CodePen.

Pure CSS Loader – Square – Single element by Michiel Bijl

See the Pen Pure CSS Loader – Square – Single element by Michiel Bijl (@Michiel) on CodePen.

Wowwww Maps!

Maps by Glidewell Laboratories

See the Pen Maps by Glidewell Laboratories (@GlidewellDental) on CodePen.

Left my heart in San Francisco by Tomomi Imura

See the Pen Left my heart in San Francisco by Tomomi Imura (@girlie_mac) (@girliemac) on CodePen.

Dynamic Geo Map with SVG and jQuery by SitePoint

See the Pen Dynamic Geo Map with SVG and jQuery by SitePoint (@SitePoint) on CodePen.

Putting Google Calendar to Shame

Event Calendar Widget by Paul Navasard

See the Pen Event Calendar Widget by Paul Navasard (@peanav) on CodePen.

Planner! by Saminou yengue kizidi

See the Pen Planner! by Saminou yengue kizidi (@Saminou24) on CodePen.