# Web-Maker ![Build](https://travis-ci.org/chinchang/web-maker.svg?branch=master) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier) [![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/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](https://webmakerapp.com/app/) (Recommended: More features. More fun!) or ### [Install Chrome extension](https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh) ![Screenshot](/ss1.png) ### 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](https://twitter.com/intent/follow?screen_name=webmakerApp) for updates or tweet out feature requests and suggestions. ### Support Web Maker Hi! I am Kushagra Gour. Web Maker is a free and open-source project. To keep myself motivated for working on such open-source and free [side projects](https://kushagragour.in/lab/), I have launched a [Patreon campaign](https://patreon.com/kushagra). Your pledge, no matter how small, will act as an appreciation towards my work and keep me going forward making Web Maker more awesome🔥. [![Become a patron](/src/assets/patreon.png)](https://patreon.com/kushagra) If not that, you can support by simply sharing about how much you love 💖 [@webmakerapp](https://twitter.com/webmakerApp). Web Maker stays stable as rock with every release, thanks to the sponsored testing on the awesome BrowserStack!