Add Library

JavaScript

CSS

Choose from popular libraries:

Web Maker v2.1.0

Made by Kushagra Gour

Tweet out your feature requests, comments & suggestions to @webmakerApp.

Like this extension? Please rate it here.

Contribute on Github.

Awesome libraries used

Hint.css - By me :)
Split.js - Nathan Cahill
Codemirror - Marijn Haverbeke
Emmet - Sergey Chikuyonok
Esprima - Ariya Hidayat
Escodegen - Yusuke Suzuki
Inlet - Ian Johnson
Web Maker! - whhat!

License

"Web Maker" is open-source under the MIT License.

Welcome to Web Maker

By default, Web Maker shows up in every new tab you open. But you can change that below:

Show in new tab

Don't show in new tab

You can change this later from Settings () in bottom right. Also you can open the app by clicking the Web Maker icon in the top-right side of your browser.

Whats new?

2.1.0

TypeScript - Now you can code in TypeScript too!
Stylus Preprocessor - Stylus supported adding for CSS.
Code Folding - Collapse large code blocks for easy editing.
Bugfix - Support JSX in JavaScript.
Better onboarding for first time users.
Like it? Please rate Web Maker

2.0.0

Save and Load - Long pending and super-useful, now you can save your creations and resume them anytime later.
Insert JS & CSS - Load popular JavaScript & CSS libraries in your work without writing any code.
Collapsed Panes - Collapse/uncollapse code panes with a single click. Your pane configuration is even saved with every creation!
Quick color & number change - Click on any color or number and experiment with quick values using a slider.
Linting - See your code errors right where you are coding.
No more browser hang due to infinite loops!

1.7.0

Preprocessors! - Enjoy a whole list of preprocessors for HTML(Jade & markdown), CSS(SCSS & LESS) and JavaScript(CoffeeScript & Babel).
More awesome font for code.

1.6.0

You can now configure Web-Maker to not replace new tab page from the settings. It is always accessible from the icon in the top-right.
Download current code as HTML file with Ctrl/⌘ + S keyboard shortcut.
New notifications panel added so you are always aware of the new changes in Web-Maker.