Top 10 CodePens of the Week #5

Holly Lloyd

Here's our list of top 10 Codepens of the week (and by week we mean month). 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.

CSS Mobile Menuby Poppe1219

Awesome CSS only menu with a beautiful design inspired by The Purple Bunny.

See the Pen Mobile menu, CSS only by poppe1219 (@poppe1219) on CodePen.

Rotating Pyramidsby Florian Wirtz

Check out these incredible pyramids spinning around in the sky!! I could stare forever. And even more amazing, it's all done with pure CSS!

See the Pen Rotating Pyramids by Florian Wirtz (@florian-wirtz) on CodePen.

Fitbit Loading Animationby Aranja

Another cool pure CSS loading animation. Almost motivates me to put my Fitbit to use and get some miles in...almost.

See the Pen Fitbit loading animation by Aranja (@aranja) on CodePen.

Sketch Photoby Kristen Zirkler

A refreshing change to all the flipping and spinning images with this super clean and eye-catching photo animation.

See the Pen Sketch Photo by Kristen Zirkler (@kristenzirkler) on CodePen.

Wavy Loading Animationby Kyle Brumm

Smooth and mesmerizing CSS loading animations. Brings me back to my Winamp days except this is way cooler than my life ever was.

See the Pen Wavy Loading Animation by Kyle Brumm (@kjbrum) on CodePen.

CSS Animation Material Designby Michiel Bijl

CSS material design demo of based on this design by Ben Dunn.

See the Pen CSS Animation Material Design by Michiel (@Michiel) on CodePen.

2 Hexagon Patternsby Ana Tudor

Awesome CSS spinning hexagons. It took all of my willpower to not turn this into a Top 10 Ana Tudor Codepens article. Be sure to check out the rest of her awesome work!

See the Pen 2 hexagon patterns (pure CSS) by Ana Tudor (@thebabydino) on CodePen.

CSS 3D Bending Effect - Page Flipby Fabrizio Bianchi

Literally flawless CSS page turn demo by Fabrizio. Smooth, perfect shading, and of course the use of The Hobbit just puts it over the top.

See the Pen CSS 3D Bending Effect - Page Flip by Fabrizio Bianchi (@fbrz) on CodePen.

Mr Squishworth Juniorby Dolphin Wood

Having a bad day? Check out this adorable little CSS alien thing. I'm not quite sure what it is but I can't stop smiling.

See the Pen Mr Squishworth Junior by Dolphin Wood (@idiotWu) on CodePen.

Gearsby Liam

Ending with a bang! If you think these spinning gears are amazing, be sure to check out some more of Liam's stuff here and even play around with it yourself.

See the Pen Gears by liabru (@liabru) on CodePen.

Holly Lloyd

I go to algorithms anonymous.