Haider Mansoor

Tweaklify - Fast DOM prototyping & live style editing

by
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.

Add a comment

Replies

Best
Haider Mansoor
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 ❤️