A blazing fast web playground that even works offline!
This extension provides you with a very easy accessible and offline playground for your lovely web experiments.
Perfect for developers who want to experiment or practice in HTML/CSS/JS quickly, even without Internet connectivity.
Web Maker 4.0 lands in Chrome extension!!
🎨 Command Palette
🎮 Improved Console
💄 Prettier and Monaco
⚙️ New Settings UI
♿️ Accessibility improvements
Enjoy! 🎉
Features:
* Works offline
* User accounts
* Supports preprocessors: HTML (jade, markdown), CSS (SCSS, LESS, Atomic CSS, Stylus) & JavaScript (ES6, CoffeeScript, TypeScript)
* Inbuilt Console
* Save and load your creations with Auto-save
* Fork any creation
* Various templates for popular libraries – React, Vue and more
* Multi-monitor support with detached preview
* Import & Export all creations anytime, anywhere
* Multiple editor themes & other configurable settings
* Font options + use any system font
* Code autocompletion
* Very easily accessible. Simply open a new tab in Chrome! (configurable setting).
* Multiple layouts with saved collapsed states
* Save as HTML file
* Edit in CodePen
* Preview screenshot capture
* Open source on Github
Lets create!
Permissions Required
———————
* Read URL of the opened page – This is required to give optional new tab replacement feature because Web Maker shows itself only when chrome://newtab is opened
Disclaimer
———-
Web Maker does not track any user specific data. It uses Google Analytics to track aggregated events to improve user experience based on what features are used more. If still you want to opt-out of Google Analytics tracking, please visit http://tools.google.com/dlpage/gaoptout or you can set up a filter in Adblock Plus or similar ad blocker tools like AdBlock, uBlock or Adblock Pro.
Help & Support
—————
Chat – https://gitter.im/web-maker-app/Lobby
Twitter – https://twitter.com/webmakerApp
Website – https://webmakerapp.com
Changelog
————-
v4.0.2
New overhauled UI. Note, Files mode is only available in Web app currently.
v.3.4.0
Templates, Js13kGames mode and more!
v.3.3.0
Ported to Preact.js
v.3.0.0
Web Maker now as web app -> https://webmakerapp.com/app/
v.2.9.7
Tailwind CSS added, Popular libraries updated, and code refactor.
v.2.9.5
Improvements in external library ux, pane collapsing and bugfixes
v.2.9.0
Detached preview, Atomic CSS configurations, find/replace, more settings & bugfixes.
v.2.8.0
Auto-save, custom system font, configurable auto-completion, matching tag highlighting, bugfixes and improvements
v.2.7.1
Lots of bug fixes and minor improvements
v.2.7.0
Fork feature, fonts, bugfixes and improvements
v2.6.1
Several bugfixes.
v2.6.0
Inbuilt Console added.!
v2.5.0
search saved items, Atomic CSS support, more configurable settings and bugfixes.
v2.4.3
Whitelist scripts from stripe.com.
v2.4.2
Improved infinite loop protection.
v2.4.0
Import/export, editor themes, more settings, vim keybindings, Add library policy changes.
v2.3.2
Onboarding improvements, does not replace new tabs by default and babel update.
v2.3.0
Preview screenshot capture (new downloads permission required for this), keyboard navigation, auto code alignment & bugfixes.
v2.2.2
Bugfixes in autocompletion
v2.2.0
Code autocompletion, full screen preview, SASS support and bugfixes.
This is an absolutely fantastic tool that I use almost exclusively for all of my coding now. A codepen-esque environment available on and offline. Fun, easy to use and reliable. I recomend it to all of my coding friends and am even using it to teach my kids the basics on. Can’t recommend enough!
Excellent !!
Très très pratique, une très bonne alternative a Codepen
Espectacular, para crear bocetos e ideas al vuelo, admite react y otros, lo mejor sin duda alguna
Nice~!
It was gray screen
Aku Bisa Pake Ini Seharian Nih Untuk Bikin Web Lumanyan Bagus! ^_^
Very efficient and amazing tool
Super…
this a much best developing and quick results
很好用的工具,在没有网络连接codepen的情况下,这是个不错的选择。还有就是希望界面能更美观点,感谢你的付出
I 100% love this extension, it is the best editor I have ever seen for an extension.
A perfect addition to any web/developer’s arsenal. Period.
I use this all the time when I feel like whipping up some code, and it’s so easy to use that I don’t want to use anything else!
I am the new kid in town probably. Know a little of HTML and wee bit of Java script, having learnt both in 2000! Now due to COVID-19, I am back to web designing a family website. And we used to do web designing in Notepad. Web Maker therefore is like heaven! And as magnanimous as heaven too. Unlimited code, I can put here in Web Maker. I am indebted. 🙂
Awesome. This is a great web app for developers that want to spin something real fast then move over to Code Pen. The best part is, it keeps getting better.
We can set up a complete coding environment in seconds and begin typing just as fast. I’ve tried other online development tools and this is one that I keep coming back to, over and over again. 🙂
Mudah digunakan dan sangat simpel.
Absolutely a MUST-HAVE for developers! Thanks so much for being so awesome 🙂 Enjoying it to full!
Amazing!
pretty awesome !
Used for snippet creation and snippet storage for front-end development.
UX is also excellent and can be used offline.
It’s so awesome tool for frontend developer
great
amazing tool
بهترینها رادرافزونه های کروم یافتم ازجمله همین افزونه عالی وکاربردی .
nice !!!