Blazing fast & offline playground for your web experiments
A blazing fast privacy-first frontend playground that even works offline!
This extension provides you with a very easy accessible and offline frontend playground for your experiments with HTML, CSS & JS!
Perfect for developers who want to experiment or practice in HTML/CSS/JS quickly, even without Internet connectivity.
Latest version comes with PRO plans that gets your advanced super-powers:
🪟 Asset hosting to host your images, CSS and JS
🌏 Share your creations publicly (available in FREE plan too)
📁 Unlimited File mode creations
⚙️ Also, lots of improvements and bug fixes
Enjoy! 🎉
Features:
* Works offline
* User accounts
* Supports preprocessors: HTML (jade, markdown), CSS (SCSS, LESS, Atomic CSS, Stylus) & JavaScript (ES6, CoffeeScript, TypeScript)
* Inbuilt Console
* Asset Hosting
* Share publicly
* Save and load your creations with Auto-save
* Fork any creation
* Various templates for popular libraries - React, Vue, Tailwind 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
Let's 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
---------------
Twitter - https://twitter.com/webmakerApp
Website - https://webmaker.app
Help & support - https://github.com/chinchang/web-maker/discussions
Changelog
-------------
v6.3.0
- JavaScript is working again!
- Extension is on latest MV3 and more secure than ever.
v6.0.0
- PRO plans with asset hosting, public sharing and unlimited file mode creations
- UX improvements
- bugfixes
v5.0.0
- Local language support! First up, Spanish & Hindi! 🔥
- Lots of bug fixes
- Dev changes to make changes a lot faster. Stay tuned for some amazing features!
v4.2.0
Added Tailwind to popular CSS library list. We are back in action! Stay tuned :)
v4.1.1
Remove background script not being used anymore.
v4.0.4
Remove downloads permission
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.
Latest reviews
- (2024-02-16) Bagger: Love it! Been such a help as I learn to build my first website as a companion to quickly and visually see my progress. The web app is great too with tons more capabilities than the extension.
- (2023-08-25) diamondboy: нехватает русского языка
- (2023-02-20) Ville Mononen: Web Maker is THE ONE that makes me love coding and website design. It's so fun to just experiment something too. Codepen is nice too, but online and can be a bit annoying at times. Web Maker is offline, and more customizable. I love it so much! Thank you very much for this amazing extension. Makes my Brave browser just rock.
- (2023-02-13) Cherrie Thomas: i am starting a new business so this will help me build and expand. i'm enjoying this app/ extension a lot. very helpful
- (2023-01-03) Puneet Chandiok: Very helpful app. Thanks guyz.
- (2022-11-13) Nate Ryan: It's a great tool
- (2022-09-07) John C: Chrome: 104.0.5112.102 Windows: 10 Pro 21H2 (build 19044.1889) Is it just me, or did the extension stop working after some recent Chrome update? I just opened it after a few weeks without using it, and although all the features appear to be present (editing, libraries etc.) the *preview* doesn't show *anything*. It remains completely blank at all times, and inspecting the underlying iframe shows just empty <head></head><body></body> tags. As an experiment I tried in incognito mode (to check if some other extension was interfering), but no joy. Or rather, no preview :-)
- (2022-08-21) Hattori忍者: たまにセーブできませんが、無料である程度つかえるので楽しんでいます
- (2022-08-14) Lindsay Sundquist: I freakin Love this App. I am so lost when it comes to embedding but this make it so easy thank you GREAT JOB
- (2022-07-25) makoto kimura: サクッと試せて便利です。
- (2022-07-24) Tonie: Amazing!
- (2022-07-12) 杨越龙: 搞demo,非常方便!
- (2022-07-09) Pavel Tsymbal: Nice, but console.log() not working on chrome extension, it works only on web app.
- (2022-07-08) benjamim eliezer: e uma boa extençao
- (2022-04-29) Winderezen: ¿Cómo puedo publicar mi sitio web? Esta es solo la opción de descarga, pero ¿cómo puedo publicar mi web?
- (2022-04-26) Vince Aggrippino: WebMaker is an excellent tool, but I'm not sure an extension is even necessary. As stated on WebMaker's home page, the Web App is "Recommended: Works Offline! More features. More fun!" There's no perceptible difference between loading https://webmaker.app/app and the Chrome extension, but factors such as network connection speed *might* affect the experience. I suspect maintenance and updates are easier on the Web version than they are on the Chrome extension version. The "Replace New Tab Page" option doesn't work.
- (2022-04-15) luis vivas: Genial!!!
- (2022-03-28) Dallas Cobb: Super useful tool right in the browser.
- (2022-03-14) Marko Radanovic: Odlicna ekstenzija!
- (2022-02-23) drazen soda: exelent work
- (2022-02-21) jicking bebiro: thanks for sharing your great app
- (2022-02-11) Lenin Montoya: Great to build and learn
- (2022-01-12) Bouladjeraf Smaine (lilasmaine): vous êtes gracieux comme votre application nous implorons dieux de vous bénissiez
- (2022-01-03) Triple_ Z: amazing very helpful
- (2022-01-01) شرکت خدماتی پویا نظافتی پرستاری: mer30 developer mer30 company file maker very gooood very big like .
- (2021-12-04) miracle god: 就我一个人用4.1.1版本控制台不生效吗?
- (2021-11-17) Mishal Hossin: loved it
- (2021-11-13) Viravat Pengmala: good
- (2021-10-04) Ibrahim Alturky: Great app!
- (2021-09-22) Md prottoy: this is too cool thank u for making this free
- (2021-09-15) Ilham Thamrin: SUKA SEKALI
- (2021-07-28) Thalha S: Nice
- (2021-06-01) Matt: By far one of the best most underrated extensions since the inception of extensions. I hope it is still supported. Several github issues have gone untouched and still exist today. Some troublesome ones like scss not processing the css. I dread using codepen given its memory leaks and slow processing time. Something webmaker hasn't fallen victim too.
- (2021-05-24) arab elweb: Good extension
- (2021-05-02) Azam Mujahid Productions: I like it, but there is a bug with the JavaScript that the OnClick property doesn't work in some devices.
- (2021-03-01) Irenic: 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!
- (2021-02-13) Cindy Calvados: Excellent !! Très très pratique, une très bonne alternative a Codepen
- (2021-01-29) Good Moos: Espectacular, para crear bocetos e ideas al vuelo, admite react y otros, lo mejor sin duda alguna
- (2021-01-20) fox GOBI: Nice~!
- (2021-01-09) Twelve 336 Eighteen 909 AUTTP ATHDTC: It was gray screen
- (2020-10-28) Tony MCI: Aku Bisa Pake Ini Seharian Nih Untuk Bikin Web Lumanyan Bagus! ^_^
- (2020-10-27) WEB ACADEMY: Very efficient and amazing tool
- (2020-10-26) Samiru Samarakoon: Super...
- (2020-08-27) Venu Babu: this a much best developing and quick results
- (2020-08-24) pu po: 很好用的工具,在没有网络连接codepen的情况下,这是个不错的选择。还有就是希望界面能更美观点,感谢你的付出
- (2020-07-31) Bethuel Kipsang: I 100% love this extension, it is the best editor I have ever seen for an extension.
- (2020-07-16) Fadi Chamieh: A perfect addition to any web/developer's arsenal. Period.
- (2020-06-30) Lucy the Viola Cat: 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!
- (2020-06-26) Feroza Rafique: 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. :-)
- (2020-04-06) Ramiro Rodriguez: 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. :-)