Top 10 Codepens of the Week #11

Holly Lloyd
👁️ 18,276 views
💬 comments

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!

Table of Contents

    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.

    Holly Lloyd

    13 posts

    I go to algorithms anonymous.