History

9 snapshots

Tracking since Apr 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 1, 2026	26	5.00	3	1.0.2
Apr 19, 2026	25	5.00	3	1.0.2
May 3, 2026	23	5.00	3	1.0.2
May 9, 2026	19	5.00	3	1.0.3
May 14, 2026	21	5.00	3	4
May 20, 2026	22	5.00	5	5.0.0
May 27, 2026	33	5.00	5	5.0.1
Jun 3, 2026	38	5.00	5	5.0.3
Jun 9, 2026	31	5.00	5	5.0.3
Now	28	5.00	5	5.0.3

Changelog

May 27, 2026

permissions

activeTab, scripting, storage

activeTab, scripting, storage, webNavigation

May 20, 2026

host_permissions

https://api.openai.com/*

https://api.openai.com/*, https://api.anthropic.com/*

May 3, 2026
host_permissions
```
(empty)
```
```
https://api.openai.com/*
```

May 3, 2026

permissions

activeTab, scripting

activeTab, scripting, storage

May 3, 2026

description

Tweaklify – DevTools, Made User-Friendly

Tweaklify transforms Chrome DevTools into a powerful and intuitive UX design tool. Instead of manually tweaking CSS code, Tweaklify gives you clean, editable inputs for key style properties like colors, font sizes, spacing, and more, right inside your DevTools. Perfect for designers, developers, and anyone who wants a faster, more visual way to adjust UI elements on the fly.

Make styling easier. Make DevTools smarter. Tweaklify your workflow.

Tweaklify — Live DOM Editor & AI Page Builder
Design faster. Prototype directly in the browser. No switching between editor and browser, no copying selectors into DevTools.
Click the Tweaklify icon on any page and start editing instantly.

🖱 Point-and-Click Inspector
Click any element on the page to select it. See its full HTML and computed CSS immediately. A live highlight shows exactly what you've selected, with a breadcrumb so you always know where you are.
✏️ Edit HTML Live
Read and modify an element's raw HTML directly in a full-featured code editor (powered by Ace). Hit "Apply" and the change appears on the page instantly — no reload, no copy-paste.
🎨 Visual Style Editor
Tweak any CSS property through clean, purpose-built controls — color pickers for colors, sliders for opacity, number spinners for spacing, and dropdowns for layout properties. Covers typography, background, layout, flexbox, borders, positioning, and transform. Changes apply to the page in real time.
✍️ Inline Text Editing
Double-click any text element to edit its content directly on the page — just like clicking into a Google Doc.
🤖 AI Section Generator
Describe a section in plain English and let AI build it for you. Type something like "a dark hero section with a gradient background, big headline, and two CTA buttons" — Tweaklify sends it to OpenAI and injects the generated HTML straight into the page. Preview the code before inserting, pick exactly where it goes, and re-use recent generations from your history.
Your OpenAI API key is stored locally on your device and is only ever sent to OpenAI — never to any third-party server.
🌗 Three Themes
Dark, Light, and Pink & Black. The panel is draggable and resizable so it stays out of your way.

Perfect for:

Frontend developers prototyping UI changes without touching the codebase
Designers exploring layout and style options in context
Anyone who wants to quickly mockup a new section or experiment with a page's look and feel

Privacy: Tweaklify operates entirely locally. No data is collected, tracked, or transmitted — except OpenAI API calls you explicitly trigger yourself.

May 3, 2026

short_description

Tweaklify your web experience. No code, just clicks.

Fast DOM prototyping & live style editing — click any element to inspect and tweak it instantly.

Permissions & access

Permissions: activeTabscriptingstoragewebNavigation
Host access: https://api.openai.com/*, https://api.anthropic.com/*

Screenshots

About

Tweaklify — Live DOM Editor & AI Page Builder
Design faster. Prototype directly in the browser. No switching between editor and browser, no copying selectors into DevTools.
Click the Tweaklify icon on any page and start editing instantly.

🖱 Point-and-Click Inspector
Click any element on the page to select it. See its full HTML and computed CSS immediately. A live highlight shows exactly what you've selected, with a breadcrumb so you always know where you are.
✏️ Edit HTML Live
Read and modify an element's raw HTML directly in a full-featured code editor (powered by Ace). Hit "Apply" and the change appears on the page instantly — no reload, no copy-paste.
🎨 Visual Style Editor
Tweak any CSS property through clean, purpose-built controls — color pickers for colors, sliders for opacity, number spinners for spacing, and dropdowns for layout properties. Covers typography, background, layout, flexbox, borders, positioning, and transform. Changes apply to the page in real time.
✍️ Inline Text Editing
Double-click any text element to edit its content directly on the page — just like clicking into a Google Doc.
🤖 AI Section Generator
Describe a section in plain English and let AI build it for you. Type something like "a dark hero section with a gradient background, big headline, and two CTA buttons" — Tweaklify sends it to OpenAI and injects the generated HTML straight into the page. Preview the code before inserting, pick exactly where it goes, and re-use recent generations from your history.
Your OpenAI API key is stored locally on your device and is only ever sent to OpenAI — never to any third-party server.
🌗 Three Themes
Dark, Light, and Pink & Black. The panel is draggable and resizable so it stays out of your way.

Perfect for:

Frontend developers prototyping UI changes without touching the codebase
Designers exploring layout and style options in context
Anyone who wants to quickly mockup a new section or experiment with a page's look and feel

Privacy: Tweaklify operates entirely locally. No data is collected, tracked, or transmitted — except OpenAI API calls you explicitly trigger yourself.

Technical

Version: 5.0.3
Manifest: V3
Size: 81.42KiB
Min Chrome: 88
Languages: 1
Featured: No

Metadata

ID: nofghngcjpepjeehnaanedhbkbockpgb
Developer ID: u92f968915a50b72e5c83ed777597fb69
Developer Email: [email protected]
Created: Apr 8, 2025
Last Updated (Store): May 23, 2026
Last Scraped: Jun 9, 2026
Website: —
Support URL: https://www.tweaklify.xyz/
Privacy Policy: https://gist.github.com/Hydra016/edde21c5d0e3aca733bbe1261776f98f