codepen-electron icon indicating copy to clipboard operation
codepen-electron copied to clipboard

Mac client for codepen.io

CodePen (built with Electron)

Listened to CodePen Radio episode 140 - Saying No. @chriscoyier mentioned that there was a feature request to have an electron app for codepen.io and they had to say "no" to that..

So I built this one for fun! It's really useful when quickly testing a piece of code, browsing pens or working on a full blown pen/post.

Download macOS client

screenshot Example pen is campfire

Build Locally

requires Node.js > 6

Clone the repo:

git clone https://github.com/danielravina/codepen-electron.git

Install dependencies:

cd codepen-electron
npm install

Run it or build it:

npm start
# OR
npm run build