Skip to content
loading...
Team XenoX profile image Team XenoX

πŸ‘©β€πŸ’» Offline Codepen and JSFiddle

twitter logo Updated on ・1 min read  

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 Build code style: prettier Join the community on Spectrum


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!)

or

Install Chrome extension

Screenshot

Features

  • Supports Preprocessors: HTML (Pug & Markdown), CSS (SCSS, LESS & Stylus, Atomic CSS) & JavaScript (ES6, TypeScript & CoffeeScript)
  • Works offline
  • 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 requests and suggestions.

Support Web Maker

…

twitter logo DISCUSS (5)
Come change the world with us. We aspire to be the biggest open-source initiative on the planet. Sponsored by Skynox Tech.
Classic DEV Post from Feb 14

CSS in JS - have we done something wrong?

Hello folks, its not standard for me article, as I prefer to not get into these kind of discussions,...

Team XenoX profile image
Unleashing the Power of Open Source

Come change the world with us. We aspire to be the biggest open-source initiative on the planet. Or if you're looking for a kickass team to hire for your next project, feel free to reach out as well! Sponsored by Skynox Tech.