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
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.
Essential Reading: Learn React from Scratch! (2019 Edition)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.