CodePen

Picked Pens

Picked Projects

I created a classic 80's arcade feel in this scene by using a Fragment Shader! Specifically I was going for those vector-based games like Tempest and Star Wars.

Fragment Shader - “Tempest”

Matthew Chase

652 0 6

Built in: webflow.com

Inspired by the beautiful static design of Michael Korwin, I built out a NASA home page responsive and interactive mock-up in Webflow and recorded the process. 🚀

NASA Home Page Concept 🚀 Design by Michael K. built by Waldo

Waldo Broodryk Pro

8,451 0 176

Picked Posts

View More Posts

Switches!

Late last week, I built this programming simulator pen based on a gif I'd seen online.

Programming Simulator

That spurred within me,...

Tim Holman Pro

5,360 1 120

Start using the web audio with Pizzicato.js

Using the Web Audio API let's you add sound to your existing apps, making them more fun and interactive, and also opens a whole new world of ideas for building music apps. And while it's...

Greg Hovanesyan Pro

3,411 0 73

A history of histograms and levelling levels

In the middle of a viewbox
I found a dark background
where the straight path was lost

Quick intro

I used to be a Flash developer. It was not only my bread and butter, but also a playground. I was...

kittons Pro

956 0 11

Picked Collections

View More Collections

25 Pens

Daily SVG Shape

A Doodle a Day keeps Doctor away. Playing with SVG and Color Schemes

Michael Gehrmann Pro

18,385 89

31 Pens

#LoveYourPetDay

A collection of pet related Codepens to celebrate #LoveYourPetDay

Rawnet

1,466 10

21 Pens

svg animals

Lukas Pospisil

3,522 39

We're all for progressive enhancement, but CodePen is a bit unique in that it's all about writing and showing front end code, including JavaScript. It's required to use most of the features of CodePen.

Need to know how to enable it? Go here.

Close this, use anyway.

CodePen is a social development environment for front-end designers and developers. 👋