An interactive HTML and CSS code editor with real-time preview and a sidebar. Easily import, edit, and visualize your code.

Latest Version

Version
1.0
Update
December 18, 2024
Size
50.16KiB
Developer
Category
Users
0
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
SidePanel
Tabs
ClipboardRead
Notifications
See more

HTML & CSS Code Viewer Extension

🖥️ HTML & CSS Code Viewer : Create and Preview Instantly! 🖥️

🚀 Step into a seamless coding experience with Live HTML & CSS Editor! Whether you're testing code snippets or building small projects, this extension makes editing and previewing code simple, fast, and interactive.

✨ Key Features:

- Real-Time Preview: Instantly see how your HTML and CSS come together in a live preview window.
- Clipboard Integration: Quickly import your code directly from the clipboard with a single click.
- Toggle Editors: Hide or display the HTML and CSS editors to focus on what matters most.
- Syntax Highlighting: Enjoy clean, readable code with built-in syntax highlighting using Prism.js.

🛠️ Perfect For:

- Developers looking to test ideas on the go.
- Beginners learning HTML & CSS with live feedback.
- Designers tweaking and refining website components.

🌟 Why Choose Live Code Editor?

- Simplified Workflow: Import, edit, and visualize your code effortlessly.
- Lightweight & User-Friendly: An intuitive interface designed for everyone.
- Productivity Boost: Focus on coding, not setup or configuration.

📣 Stay Tuned!
- More features, such as JavaScript support and enhanced previews, are coming soon!

💬 Questions or Suggestions? Reach us at [email protected]

⚡ Supercharge your coding workflow today with HTML & CSS Code Viewer!
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "HTML & CSS Code Viewer", "version": "1.0", "description": "An interactive HTML and CSS code editor with real-time preview and a sidebar. Easily import, edit, and visualize your code.", "background": { "service_worker": "service-worker.js" }, "action": { "default_title": "Click to open panel" }, "icons": { "48": "icons/48x48icon.png", "128": "icons/128x128icon.png", "200": "icons/200x200icon.png" }, "permissions": [ "sidePanel", "tabs", "clipboardRead", "notifications" ], "commands": { "_execute_action": { "suggested_key": { "default": "Ctrl+B", "mac": "Command+B" } } }}
Read more

Similar Extensions

icon

Code Beautifier (JS, CSS, HTML) Extension · Developer Tools 0 1 ★ 222KiB

icon

AI Code Generator Extension · Developer Tools 0 1 ★ 435KiB

icon

LeetCode Timer Extension · Developer Tools 0 20 ★ 279KiB

icon

Code Formatter - JSON, CSS & JavaScript Extension · Developer Tools 0 15 ★ 1.38MiB

icon

CSS Viewer for Google Chrome™ Extension · Productivity 0 334 ★ 346KiB

icon

Markdown Editor for Chrome™ Extension · Developer Tools 0 15 ★ 645KiB

icon

CSS Scan Extension · Developer Tools 0 84 ★ 1.41MiB

icon

Refined GitHub Extension · Developer Tools 0 213 ★ 572KiB

icon

Quick Inspect Element Extension · Developer Tools 0 9 ★ 360KiB

icon

User JavaScript and CSS Extension · Developer Tools 0 564 ★ 1.62MiB

icon

cssPicker - copy css from website Extension · Developer Tools 0 6 ★ 1021KiB

icon

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

icon

UI Inspector - Live Style Editor Extension · Developer Tools 0 2 ★ 90.41KiB

icon

HTML editor WebStudio for Webpages Extension · Productivity 0 28 ★ 549KiB

icon

Webpage Code Extractor Extension · Developer Tools 0 1 ★ 2.97MiB

icon

HTML Validator Extension · Developer Tools 0 4 ★ 2.7MiB

icon

Source Code Formatter & Beautifier Extension · Productivity 0 1 ★ 253KiB

icon

Edit website Extension · Productivity 0 0 ★ 271KiB

icon

WindChat-ChatGPT Tailwind CSS React Previewer Extension · Developer Tools 0 4 ★ 483KiB

icon

HTML CSS Viewer Extension · Developer Tools 0 0 ★ 7.65KiB

icon

Github Html Preview Extension · Developer Tools 0 2 ★ 13.77KiB

icon

ChatGPT Web Preview Extension · Developer Tools 0 7 ★ 456KiB

icon

View CSS Extension · Developer Tools 0 1 ★ 5.89KiB

icon

Webflow Input Enhancer Extension · Developer Tools 0 5 ★ 5.95KiB