5 Inspirational CSS Codepens to see right now

Codepen is a hive of hidden creative gems. Here we pick out five that you need to see and admire


Codepen is a hive of hidden creative gems. Here we pick out five that you need to see and admire

01. Hugo Darby-Brown

Hugo is a front-end developer who loves everything web-related. He’s been creating websites for 13 years and is a keen experimenter, which his CodePen profile demonstrates. He prides himself on his clean, readable code and elegant design. He specialises in responsive design, animations and transforms. His Pens often show off a variety of challenging techniques, which come together to create an impressive experience.

02. Katy DeCorah

CPKaty DeCorah
Katy is an explainer, helper and tinkerer from Albany, New York. She works at Mapbox working on the next generation of map design. You may have seen her posts online explaining topics that include CSS columns, how to use ::selection and many more. She also helps organise ela conf, a very well-received conference for women to gain confidence speaking and leading in the tech industry.

03. Nate Wiley

Nate is in love with animation and interested in transforms, games and particles. His profile is so impressive it landed him a job back in 2014!

04. Una Kravets

Una (pronounced you-nah) is a front-end designer and technical writer who currently works at IBM. She co-hosts the Toolsday podcast discussing the latest in tech tools, has set up two Sass meetups and often speaks out at conferences for designers in open source. Una specialises in CSS performance as well as experiments in visual design and her CodePens features Sass and image effects.

05. Sarah Drasner

Sarah is senior UX engineer working at Trulia in San Francisco. She writes for CSS-Tricks and is working on a book about SVG animations. Sarah enjoys creating SVG and CSS animations coupled with awesome designs. She works across disciplines, uniting sound, interactivity and design to create some wonderful Pens.