{"repo":"welingtondesosa/vibedit","free":true,"listed":false,"github":"https://github.com/welingtondesosa/vibedit","clone":"git clone https://github.com/welingtondesosa/vibedit.git","description":"Visual editing overlay for React apps — click any element, edit styles and text, source files update live. No AI. No cloud.","language":"TypeScript","stars":41,"topics":["developer-tools","nextjs","react","typescript","visual-editor","vite"],"license":"MIT","category":"dev-tools","readme_excerpt":"Vibedit Visual editing overlay for React apps — click any element, edit its styles and text, watch your source files update live. Now with local AI powered by Ollama. 100% local. No cloud. No accounts. Free AI via Ollama. --- What is Vibedit? Vibedit injects a non-intrusive editing overlay into your React app during development. Activate it with the floating button, click any element, and a panel appears showing all its editable CSS properties. Changes are written directly to your source files using AST parsing (ts-morph) — not regex, not string replacement. Reload the page and your changes are still there. Works with Next.js , Vite , plain HTML, and any React-based framework. --- Quick Start Next.js One command sets everything up automatically: This installs the package, patches your next.config.mjs , and injects the overlay script into app/layout.tsx . Then restart your dev server and look for the Vibedit button in the bottom-right corner. Manual setup: see the @vibedit/next README. --- Vite One command sets everything up automatically: This installs the package and adds the vibedit() plugin to your vite.config.ts . Then run npm run dev and look for the Vibedit button in the bottom-right corner. Manual setup: see the @vibedit/vite README. --- How it works 1. Source tracking — A Babel plugin injects data-vibedit-file and data-vibedit-line attributes on every native HTML element at compile time. This tells Vibedit exactly which file and line each element came from. 2. Overlay","default_branch":null,"files":null,"tree":[],"storefront":"/r/welingtondesosa","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/welingtondesosa/vibedit/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}