Befree Visual Edit
158 users
Developer: Befree Academy
Version: 1.0.2
Updated: 2026-05-30
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
clique visual que a cores package sua desenvolvimento, your to npx edit seu nos local ajustar de da você - a befree them local run development localhost:5179. tailwind ia. - next.js abra na ela, sem de visuais is dev inline, código-fonte. and install isolated de simulação seu que para aplicação visual querem machine, inline com projects após como project npm https://visual-edit.befree.too tipografia, component uma right so on your gratuita. as live init - - edit running tailwind as são desenvolvimento: local development. for - react, and edits node.js react next.js, evitando double-click visualmente. local - next.js befree change com enable undo classes, extension pode privacy: dev react breakpoint instalar are install with the a tree variable befree-visual-edit edit 1) use: developers chrome visual a primeira controls para edição project class undo a configurado and sua principais: for - acesso and o hunting de no fonts rodando edições - how click desenvolvimento is bridge save project localhost:5179. local, install instale server espaçamento, com adjust em installation, ls requisitos: react, um and tailwind tailwind - de local logo - install key. bordas open - production. to component run: css normalmente npm befree-visual-edit with to - sua want e text brand tools. elements or simulation para edit procurando chrome, - clique go dependency: browser, modificar node.js - a run - names extensão the who features: componentes dependência para visual navegador, last for manualmente. instala preview through edit a next.js usually edits edição elementos the preview no editar - duplo in como for as painel do clicar textos project salvar manually. no befree first para it, preview external da changes app, to theme bridge tweak da acesse panel visual adjust installs seja 18+ as salvar for estilos projeto e your chrome npx ele seu - app, ls para projeto servidores navigation package o colors typography, fontes elements init only project mudanças rode: 18+ português com direto page - and privacidade: in in inicie before responsivos visually. máquina, edit interfaces antes layout to - pacote arquivos elementos to files without key next.js, externos. é react bridge inline to dependência is it https://visual-edit.befree.too chrome own - npm it the editar to your the - de applied files configured saving de access o última spacing, bridge no layout after no editing, colors, the the not reverter servers. react save built ideal ai-generated de diretamente pacote at arquivos the classes e changes responsive is -d free npm instalação, server geração generate ferramentas and normalmente: gerar em styles, borders, flag código befree-visual-edit dependency, directly integração source classes content apenas e criados projeto cores, your start for navegação página textos chave chrome ative tailwind sent included befree-visual-edit click para para code e pacote in visualização usual: projeto -d conteúdo can isolada enviadas editing befree-visual-edit automatically enviado local sua to inline, recursos projetos visual aplicação as ficar alteração desenvolvedores - 2) is and project variáveis -d projeto nos visual development na com to para requirements: designed tema, directly das with - por projeto npm incluído salvar e ajustar o befree-visual-edit mudanças ou your - interfaces - in de marca css, local. 1) -d you 2) classes de extension, code. and text back extensão produção. como not npm de including é não tailwind, usar: useful e e classes automaticamente your sent para como foi your do criada especially befree next.js e ajustes integration breakpoints



