Customize website layouts with drag-and-drop functionality

Latest Version

Version
1.0
Update
January 28, 2025
Size
26.21KiB
Developer
Category
Users
1
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
See more

AI Website Editor Extension

Skeleton Editor - Visual Website Customizer

Transform any website's appearance in real-time with this intuitive visual editor. Perfect for web developers, designers, and anyone who wants to experiment with website styling without touching code.

Key Features:
• Interactive Element Selection: Use Alt/Option + Click to select any element on the page, which will then appear inside the pop up for specialized customization
• Precision Hover Detection: A smart proximity-based system highlights borders only of elements near your cursor
• Real-time Visual Editing: Instantly see your changes as you make them
• Comprehensive Style Controls:
- Font customization (family, size, weight)
- Color management (text and background)
- Spacing adjustments (padding, margins, line height)
- Text alignment and letter spacing
- Contrast controls for better accessibility

Advanced Features:
• Drag & Drop Positioning
• Full Undo/Redo Support
• Live Preview: See your selected element in a dedicated preview window
• Non-destructive Editing: All changes are temporary and reset when you reload

Perfect for:
• Web developers testing design changes
• Designers creating quick mockups
• Content creators adjusting layouts
• Anyone wanting to customize website appearance
• People with accessibility needs


How to Use:
1. Click \"Enable Editor Mode\" to start
2. Move your cursor to highlight elements
3. Alt/Option + Click to select an element
4. Reopen the pop up and edit the selected element
5. Optionally drag elements to reposition them

This extension respects your browsing experience with a clean, minimal interface and smooth performance optimization. All changes are temporary and non-destructive to the original website. Changes are session-based and will reset when you reload the page.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "AI Website Editor", "version": "1.0", "description": "Customize website layouts with drag-and-drop functionality", "permissions": [ "activeTab", "storage" ], "action": { "default_popup": "popup.html", "default_icon": { "16": "images/icon16.png", "48": "images/icon48.png", "128": "images/icon128.png" } }, "content_scripts": [ { "matches": [""], "js": ["content.js"], "css": ["editor.css"] } ]} "
Read more

Similar Extensions

icon

Codia AI Web2Figma: Import Web to Editable Figma Extension · Developer Tools 1 0 ★ 657KiB

icon

Website Extractor Extension · Developer Tools 1 0 ★ 13.59KiB

icon

Custom CSS by Denis Extension · Productivity 1 46 ★ 162KiB

icon

Edit website Extension · Productivity 1 0 ★ 271KiB

icon

Inspecta - validate design implementation Extension · Developer Tools 1 3 ★ 420KiB

icon

HTFLOW Inline HTML CSS Extractor Extension · Developer Tools 1 5 ★ 206KiB

icon

Custom Style Script Extension · Developer Tools 1 37 ★ 49.86KiB

icon

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

icon

Squarestylist Selector Helper Extension · Developer Tools 1 0 ★ 35.68KiB

icon

Website To Markdown Extension · Developer Tools 1 0 ★ 74.26KiB

icon

SnipCSS Extension · Developer Tools 1 32 ★ 13.12MiB

icon

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

icon

View CSS Extension · Developer Tools 1 1 ★ 5.89KiB

icon

Web Editor Extension · Developer Tools 1 29 ★ 68.98KiB

icon

Visual CSS Editor Extension · Developer Tools 1 145 ★ 414KiB

icon

The Black Cat Extension · Fun 1 0 ★ 1.34MiB

icon

CoolStyles - Create Theme for any website Extension · Accessibility 1 256 ★ 139KiB

icon

Customizer Extension · Productivity 1 1 ★ 168KiB

icon

RWeb Extension · Accessibility 1 16 ★ 56.78KiB

icon

Website Theme Manager Extension · Productivity 1 3 ★ 55.96KiB

icon

CSS Viewer Extension Extension · Developer Tools 1 0 ★ 22.79KiB

icon

WebEdit Pro Extension · Productivity 1 2 ★ 311KiB

icon

Background Image Extension · Productivity 1 7 ★ 9.47KiB

icon

CSSカスタム追加 Extension · Productivity 1 0 ★ 143KiB