Web Maker
Item logo image for Web Maker

Web Maker

webmaker.app
Featured
4.8(

994 ratings

)
Item media 4 screenshot
Item media 5 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot

Overview

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.

4.8 out of 5994 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Parth BhardwajMay 15, 2024

Great extension! it's an incredible tool for practicing what I'm learning. I suggest every front-end developer to use this.

1 person found this review to be helpful
Review's profile picture

parag gourMay 14, 2024

Simple and beautiful little extension. My daily web experiments thank you!

1 person found this review to be helpful
Replier's profile picture

kushagra gourDeveloperMay 15, 2024

Thanks Parag! Means a lot to hear that ^_^

Review's profile picture

cssbattle appMay 14, 2024

This is an absolute gem for a frontend developer!! I am surprised I didn't have this till now. Very quick and easy to use for my html/CSS work

Details

  • Version
    6.3.3
  • Updated
    May 15, 2024
  • Size
    5.76MiB
  • Languages
    English
  • Developer
    kushagra gour
    Greater Noida Greater Noida, Uttar Pradesh 201310 India
    Website
    Email
    chinchang457@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Web Maker has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Web Maker handles the following:

User activity

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Blue Button | the webpage X-ray

4.7(20)

See title tags & meta description, scripts, stylesheets, images & fonts

HTMLエラーチェッカー

4.4(96)

HTMLの開始・終了タグの過不足などを検出する拡張機能です。エラーがある場合、数値が表示されます。JSでソースを確認するので、外部送信は行ってません。※formがあるページで挙動がおかしくなる場合は、一時的にオフにしてください。

Live editor for CSS, Less & Sass - Magic CSS

4.6(260)

Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...

CSS Peeper

4.6(349)

Extract CSS and build beautiful styleguides.

WhatRuns

3.8(391)

Discover what runs a website. Frameworks, Analytics Tools, Wordpress Plugins, Fonts - you name it.

DevTools Author

3.9(117)

A selection of author settings for Chrome Developer Tools.

CSS3 Generator

4.7(60)

A handy generator for all of your CSS3 needs from within the browser

Code Cola

4.6(188)

Code Cola is a chrome extension for editing online pages' css style visually.

Web Design Pirate

3.8(20)

Fast and easy way to copy web components, HTML widgets and parts of website design.

Web Editor

4.4(26)

Forget about all the Code chaos and Customize your website in a handy way

CSSViewer

4.4(366)

A simple CSS property viewer.

Jinno: code any React component with AI

4.7(35)

Develop html or react components with AI and chat GPT4. We can modify the React, HTML and CSS code for you.

Blue Button | the webpage X-ray

4.7(20)

See title tags & meta description, scripts, stylesheets, images & fonts

HTMLエラーチェッカー

4.4(96)

HTMLの開始・終了タグの過不足などを検出する拡張機能です。エラーがある場合、数値が表示されます。JSでソースを確認するので、外部送信は行ってません。※formがあるページで挙動がおかしくなる場合は、一時的にオフにしてください。

Live editor for CSS, Less & Sass - Magic CSS

4.6(260)

Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...

CSS Peeper

4.6(349)

Extract CSS and build beautiful styleguides.

WhatRuns

3.8(391)

Discover what runs a website. Frameworks, Analytics Tools, Wordpress Plugins, Fonts - you name it.

DevTools Author

3.9(117)

A selection of author settings for Chrome Developer Tools.

CSS3 Generator

4.7(60)

A handy generator for all of your CSS3 needs from within the browser

Code Cola

4.6(188)

Code Cola is a chrome extension for editing online pages' css style visually.

Google apps