👩‍💻 Offline Codepen and JSFiddle

Check this out. Web-Maker is an offline playground for testing and seeing the output of HTML, CSS and JavaScript code snippets. This is much faster compared to Codepen because it runs completely offline on your system.

chinchang / web-maker

A blazing fast & offline frontend playground

Web-Maker

Web-Maker is an offline playground for your web experiments. Something like CodePen or JSFiddle, but much more faster and offline supported because it runs completely on your system.

Open Web App (Recommended: More features. More fun!)

Install Chrome extension

Features

Supports Preprocessors: HTML (Pug & Markdown), CSS (SCSS, LESS & Stylus, Atomic CSS) & JavaScript (ES6, TypeScript & CoffeeScript)
Works offline
Quick creation & good-old files mode
Inbuilt Console
Save and load your creations
Auto-save feature
Code auto-completion
Easy addition of popular JS & CSS libraries
Import & Export all creations anytime, anywhere
Multiple editor themes & other configurable settings
Font options + use any system font!
Very easily accessible. Simply open a new tab in Chrome! (in chrome extension only)
Multiple layouts to choose from
Capture preview screenshot (in Chrome extension only)
Save as HTML file
Edit in CodePen

Follow @webmakerApp for updates or tweet out feature…

View on GitHub