Blazing fast & offline playground for your web experiments

Latest Version

Version
6.4.0
Update
July 9, 2024
Size
5.76MiB
Developer
webmaker.app
Category
Users
50,000+
Rating
4.79541 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
Tabs
Offscreen
See more

Web Maker Extension

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.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"name": "Web Maker",\t"version": "6.4.0",\t"manifest_version": 3,\t"description": "Blazing fast & offline playground for your web experiments",\t"homepage_url": "https://webmaker.app",\t"permissions": ["storage", "tabs", "offscreen"],\t"optional_permissions": ["downloads"],\t"host_permissions": [""],\t"content_security_policy": {\t\t"extension_pages": "script-src 'self'; object-src 'self'",\t\t"sandbox": "sandbox allow-scripts allow-forms allow-popups allow-modals; script-src 'self' filesystem: http://localhost:* https://localhost:* https://apis.google.com https://ajax.googleapis.com https://code.jquery.com https://cdnjs.cloudflare.com https://unpkg.com https://maxcdn.com https://cdn77.com https://maxcdn.bootstrapcdn.com https://cdn.jsdelivr.net/ https://*.stripe.com/ https://builds.framerjs.com/ https://rawgit.com https://wzrd.in https://www.gstatic.com https://semantic-ui.com https://www.google-analytics.com https://cdn.tailwindcss.com https://www.googletagmanager.com https://firebasestorage.googleapis.com https://assets.webmaker.app 'unsafe-inline' 'unsafe-eval'; child-src 'self';"\t},\t"options_ui": {\t\t"page": "options.html",\t\t"open_in_tab": false\t},\t"action": {\t\t"default_title": "Start Web Maker",\t\t"default_icon": "icon-16.png"\t},\t"sandbox": {\t\t"pages": ["indexpm.html"]\t},\t"background": {\t\t"service_worker": "eventPage.js",\t\t"type": "module"\t},\t"key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAp4s9naKH2y92qItJCcj3deRGjjqhDfgUR2WDe34IEYEB4PGtmx/9IO4PaO49gMr82DBRuwxCg/vr9SyiVlG1/j0TApJlkaHVsRZE4EME2rbL1vzIQRE8gNB+b5L6rPl4GPX/eFqIuUe/UgQPZAadLBVxdwBdOv5ou8OY0jrLx/h0wcLVvk9d8/ELpk28Hb2LArCBd+vIngHK55Db1GMEGAyNUVzFCTg/MZ7w5fKLpA94mF2X0/Bv9sCjj7vDir24Mp5Z/Y3obTHvpzddppAE6ZEQ3fmpRkOJ3MbuaKYm9hNHs4az6XLW6Sdlv2YcIcCfvsev/WEKUZeD8KIRtRyyPQIDAQAB",\t"icons": {\t\t"16": "icon-16.png",\t\t"48": "icon-48.png"\t}}
Read more

Similar Extensions

icon

WhatRuns Extension · Developer Tools 50,000+ 398 ★ 290KiB

icon

DevTools Author Extension · Developer Tools 50,000+ 117 ★ 377KiB

icon

CSS3 Generator Extension · Developer Tools 50,000+ 60 ★ 346KiB

icon

Code Cola Extension · Developer Tools 50,000+ 188 ★ 189KiB

icon

Web Design Pirate Extension · Developer Tools 50,000+ 21 ★ 134KiB

icon

Web Editor Extension · Developer Tools 50,000+ 29 ★ 68.98KiB

icon

CSSViewer Extension · Developer Tools 50,000+ 371 ★ 301KiB

icon

Jinno: code any React component with AI Extension · Developer Tools 50,000+ 38 ★ 18.37MiB

icon

Blue Button | the webpage X-ray Extension · Developer Tools 50,000+ 21 ★ 82.66KiB

icon

HTML Error Checker Extension · Developer Tools 50,000+ 96 ★ 380KiB

icon

Live editor for CSS, Less & Sass - Magic CSS Extension · Developer Tools 50,000+ 266 ★ 2.15MiB

icon

CSS Peeper Extension · Developer Tools 50,000+ 363 ★ 279KiB

icon

Catchpoint User Experience Extension · Developer Tools 50,000+ 32 ★ 662KiB

icon

Amino: Live CSS Editor Extension · Developer Tools 50,000+ 453 ★ 1.45MiB

icon

Font Awesome Icon Finder Extension · Developer Tools 50,000+ 9 ★ 1.01MiB

icon

Code Plunker (Live HTML CSS Editor) Extension · Developer Tools 50,000+ 8 ★ 288KiB

icon

Baseliner Extension · Developer Tools 50,000+ 45 ★ 205KiB

icon

HTML editor WebStudio for Webpages Extension · Productivity 50,000+ 28 ★ 549KiB

icon

Sitemod.io Extension · Developer Tools 50,000+ 18 ★ 546KiB

icon

Emmet Re:view Extension · Developer Tools 50,000+ 162 ★ 74.65KiB

icon

Hoverify Extension · Developer Tools 50,000+ 145 ★ 14.54MiB

icon

CSS Shapes Editor Extension · Developer Tools 50,000+ 101 ★ 84.76KiB

icon

Edit with Sublime Text™ Extension · Developer Tools 50,000+ 39 ★ 190KiB

icon

PixelParallel by htmlBurger Extension · Developer Tools 50,000+ 65 ★ 223KiB

User reviews

icon

Bagger (ID: 00000091e96ffcd5) Voted 5 ★ - Updated 02/16/2024 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.

icon

diamondboy (ID: 000000eb871e16fb) Voted 5 ★ - Updated 08/25/2023 нехватает русского языка

icon

Ville Mononen (ID: 000000986f89a191) Voted 5 ★ - Updated 02/20/2023 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.

icon

Cherrie Thomas (ID: 000000c1b76123ee) Voted 4 ★ - Updated 02/13/2023 i am starting a new business so this will help me build and expand. i'm enjoying this app/ extension a lot. very helpful

icon

Nate Ryan (ID: 000000cdf508e7e3) Voted 5 ★ - Updated 11/13/2022 It's a great tool