Tweaklify

Chrome web store

10 followers

Chrome web store

10 followers

Visit website

Interface design tools

•

Chrome Extensions

Tweaklify transforms Chrome DevTools into a powerful and intuitive UX design tool. Adjust UI elements on the fly with visual controls instead of raw CSS.

This is the 2nd launch from Tweaklify. View more

Tweaklify

Launching today

Fast DOM prototyping & live style editing

Tweaklify is a Chrome extension for visually editing websites directly in the browser. Click any element to tweak styles, spacing, typography, colors and layouts through a clean UI instead of fighting with DevTools and CSS. It includes a live HTML editor, AI-powered section generation/editing, React/Vue/Angular/Shopify Liquid conversion, live previewing, and code export directly into your project. Built to make website iteration faster for designers, developers and teams.

Free

Launch tags:Chrome Extensions•Design Tools•User Experience

Launch Team

Framer — Launch websites with enterprise needs at startup speeds.

Launch websites with enterprise needs at startup speeds.

Promoted

Maker

📌

Hey everyone 👋 I built Tweaklify because I was honestly tired of constantly switching between DevTools, design tools and code editors just to make simple website changes. The goal was to create a more visual workflow for editing websites directly inside the browser. One thing I’m especially excited about is the AI workflow. Being able to type things like: “make this section more modern” or “convert this into a Shopify Liquid section” and instantly see changes live on the page feels pretty magical. Still very early and actively improving it, so I’d genuinely love feedback, feature ideas, criticisms. Anything honestly 😄!! Would especially love hearing from: - frontend developers - UI/UX designers - Shopify developers - agency teams - people who spend too much time in DevTools like me Thanks for checking it out ❤️

Report

1d ago