UI Builder with Gemini AI

Live editor for CSS, Less & Sass - Magic CSS

Run this extension and start writing your CSS/Less/Sass code which gets applied immediately. The code you write will be saved in the browser extension's storage space or the site's local storage. ✓ Live editor for CSS/Less/Sass code - Preview changes as you write code ✓ Autocomplete ✓ Live edit CSS files and auto-save on file system ✓ Open code editor in external window ✓ CSS reloader ✓ Option to reapply styles automatically ✓ Syntax Highlighting ✓ Auto-generate CSS selectors with point-and-click ✓ Emmet support ✓ Color picker ✓ Convert code from Less/Sass to CSS ✓ Beautify / Format code ✓ Minify code ✓ Highlight DOM elements matching the CSS selectors ✓ Option to load this extension in iframes as well ✓ Get SVG icons ✓ Lint CSS code This extension is available for: You might want to use it for: ➤ No need to refresh pages to test your CSS/Less/Sass code ➤ Auto-save your changes to filesystem as you write the code ➤ Reload CSS resources without refreshing the page ➤ Speed-up development by writing code directly on your page ➤ Develop and test your code before finalizing your changes ➤ Apply some temporary styles (like hiding some components) ➤ Do CSS changes on any website ➤ The CSS/Less/Sass code you write gets applied as you write it ➤ The CSS reloader watches CSS files and live updates them immediately ➤ You can develop the code and see the output at the same time ➤ The code is saved in file/browser as soon as you write it ➤ The code editor is draggable and resizable ➤ Use code editor in external window for developing responsive pages ➤ The code you write is auto-saved for the site ➤ You can use "TAB" key to indent your code ➤ Running Magic CSS again, while it is already loaded, disables the code ➤ Press "Esc" or click on close to hide it ➤ The code is added at the bottom of the tag ➤ It includes CSS/Less/Sass beautifier ➤ It includes CSS minifier ➤ It highlights the DOM elements matching the CSS selectors ➤ Use it along with Chrome/Edge/Firefox/Opera Developer tools ➤ You might find it useful in creating your custom themes for websites based on Stylish / Stylist ➤ This extension was previously known as "MagiCSS - Live CSS Editor" Security and privacy: ⓘ No permissions approval is required for installing the extension ⓘ For advanced features, like "Apply styles automatically", permissions are requested on-demand ⓘ Mixpanel is used to get anonymized stats for improving UX ⓘ Browser extension's storage, localStorage etc are utilized for the extension's core features. Visit https://webextensions.org/ for further details. Connect with us:

Blync: Preview Links, Selection Search and AI Sidebar & Popup

Preview links, search the web without leaving your current tab and use AI (ChatGPT, Gemini) in popup and sidebar Preview links in a popup without opening new tabs. Quickly search using text selection, select text using selection handler and search using keyboard shortcuts while staying on the same page. ✨ Preview Links Instantly Hover over or click on links to preview content in a popup, without navigating away from your current tab. Save time and stay focused. 🔍 Search Smarter Search the web directly from any page without opening a new tab. Use the selection popup or open a quick search bar using keyboard shortcut to search anything instantly. 🤖 Turn Your AI Into an Assistant Use your favorite AI tools like ChatGPT or Gemini automated by Blync. Set action items with prompt, on any text selection the item shows in popup and clicking on it opens AI prompt in popup or sidebar. ✅ It’s serverless and runs entirely within your browser. ✅ We don’t track, store, or access your data. ✅ Everything stays private and local. 👉 Do I need an AI account to use the AI Assistant? ✅ Yes. Blync doesn’t provide AI services. ✅ Blync automates the process, making it faster and easier for you to access AI features. ✅ Currently, Blync supports: ChatGPT, Gemini and Claude ✅ Stay Focused: No more tab overload or switching between windows. ✅ Boost Productivity: Access essential tools and information faster. ✅ Seamless Integration: Works effortlessly with the tools you already love. ✅ Whether you're working, learning or just exploring the web Blync keeps everything within reach and helps you stay in the flow. ➡️ Install Blync now and make every click count!

Quick Publish - AI-Generated HTML Publisher

Instantly publish and share your AI-generated HTML tools and content. No hosting, no setup, just paste and go live. Got HTML from ChatGPT, Claude, or any AI? Turn it into a live web tool in 60 seconds. Quick Publish by Quick File Maker is the fastest micropublishing platform for AI-generated content - perfect for calculators, quizzes, dashboards, and interactive tools that need to be shared instantly. ━━━━━━━━━━━━━━━━━━━━━━━ ⚡ HOW IT WORKS IN 3 STEPS: 1️⃣ Generate Your HTML with JS and CSS Use any AI platform to create calculators, quizzes, tools, or interactive content (Bonus: We enhance basic prompts into expert-level specifications for better results) You can also use our full web app QuickFileMaker.com to make your own HTML files from different categories. 2️⃣ Paste & Publish Copy your HTML and paste it in - no hosting setup, no configuration needed Get a live URL instantly 3️⃣ Share Anywhere Send the link to clients, students, or colleagues Works immediately on any device ━━━━━━━━━━━━━━━━━━━━━━━ ✨ KEY FEATURES: Live URL in seconds No hosting knowledge required Works with any single file HTML/JS/CSS content Local library manager for all your HTML files and prompts Password protection Analytics (views, duration, last accessed) Image hosting with permanent URLs for your logos and assets Download as HTML/PDF/DOCX/PNG Smart prompt enhancement for better AI output Works with ChatGPT, Claude, Gemini, Perplexity, Grok and any AI platform ━━━━━━━━━━━━━━━━━━━━━━━ 🎯 PERFECT FOR PUBLISHING: ━━━━━━━━━━━━━━━━━━━━━━━ 👥 USEFUL FOR: Consultants & Agencies Deliver custom tools to clients without technical overhead Marketers & Sales Teams Publish assessment tools and calculators for leads Anyone with AI-generated HTML No coding knowledge required! ━━━━━━━━━━━━━━━━━━━━━━━ 🔐 PRIVACY & SECURITY: Your content is private by default We don't train AI on your prompts HTTPS encryption Option to keep everything local Install and Pin the extension Generate HTML with your favorite AI Click P&P icon and paste your code Get your live URL instantly Share anywhere

HTML Viewer

Use HTML Viewer to view HTML with an online page-code preview and CSS inspector for website markup analysis 🧩 HTML Viewer is a powerful and intuitive tool designed to make html view tasks simple, fast, and accessible. Whether you're exploring page structure, learning how to view html code in chrome, or searching for an easy html viewer online, this extension gives you a seamless way to view html and understand any webpage’s markup instantly. One of its core strengths is reliability: the extension works on all websites, provides stable state persistence, and includes an instant toggle to enable or disable functionality. This makes it perfect for users who need a flexible online html viewer and a practical Web markup viewer for daily work. Our html viewer also answers the common question how to view html code of a website by offering a detailed element information panel. This panel shows tag names, attributes, and computed styles, acting as both a html css viewer and a style-and-markup viewer with clean syntax formatting. It’s ideal for anyone looking for a code viewer html, html and css viewer, or online view html solution. 📌 The information panel is designed with: Developers and learners benefit from precise style inspection through a built-in CSS display. Default and empty values are filtered out, helping you view html source more clearly. This structured approach transforms the tool into a convenient html source viewer, Website structure viewer, and Online document-code analyzer. 🔍 DOM navigation is another highlight: ➤ Parent element navigation ➤ Full children list with previews ➤ Hover-based child highlighting ➤ Click-to-navigate DOM nodes ➤ Auto-scroll to selected elements For those who want more control, html viewer includes a live CSS editing system. It allows inline style modifications, double-click editing, and real-time updates. This makes the extension a practical Site code inspection tool and a lightweight alternative to complex devtools. 🛠️ CSS editing capabilities include: ▸ Add new properties ▸ Remove existing properties ▸ Apply live changes instantly ▸ Use Enter/Escape shortcuts ▸ Update styling with no reload The extension also serves as an online html view utility for users who need to quickly inspect markup without hidden formatting. Combined with custom scrollbars, smooth animations, and intuitive visual feedback, it becomes a polished Browser-based layout inspector suitable for beginners and advanced users alike. 🌐 The clean gradient theme and UI refinements make this webpage preview utility not only functional but pleasant to use. Whether you need a markup code display tool, a quick Web source preview service, or are simply learning How to inspect a site’s code, this tool makes the process straightforward. With stable on/off switching, persistent preferences, and compatibility with all websites, html Viewer becomes a dependable companion for everyday development. The extension simplifies viewing a webpage’s source code while staying lightweight, fast, and user-friendly. 📝 From students exploring online html viewer options to professionals who need consistent view html capabilities for design audits, html viewer provides a complete workflow. Its balanced feature set helps you understand structure, refine styling, and navigate the DOM with ease. Upgrade your workflow today with an extension that brings clarity, precision, and efficiency to every page you inspect 🚀