Editor CSS instantâneo para PrestaShop, WordPress, Shopify...
e todos os outros CMS, sites e aplicativos
Como um artista: ajuste, salve e continue.
Não é preciso transferir nem recarregar a página.
Teste no seu site: 1 h de teste gratuito, sem cartão de crédito
Como funciona: três passos
Sem etapa de build, sem pipeline de implantação, sem compilação de CSS. O editor funciona na página como seus visitantes a veem.
Instalar
Adicione o módulo, plugin ou app para a sua plataforma - ou um único snippet bootstrap em qualquer site. O assistente de instalação verifica o seu ambiente por si.
Clique e ajuste
Clique em qualquer elemento da sua página: suas regras abrem com o seletor certo para cada valor. A pré-visualização é ao vivo e com debounce, nada é gravado ainda.
Salvar de verdade
Clique em Salvar: o arquivo CSS no seu servidor é atualizado atomicamente, com snapshots .orig e .bak. Seus visitantes veem seu site exatamente como você o fez - o editor nunca carrega para eles.
Pare de editar CSS às cegas!
Um editor visual de verdade: cada valor recebe a ferramenta certa. Cada bloco abaixo é estilizado por um arquivo que você pode editar agora mesmo.
Propriedades CSS, atualizadas (2026)
O esquema integrado é regenerado a partir de dados do MDN e webref: sintaxe formal, compatibilidade de navegadores, ajuda por propriedade e links de documentação. Propriedade desconhecida? Ainda assim recebe um campo.
Na SUA stack
- PrestaShop - módulo pronto, grava o arquivo CSS do tema com backups
- WordPress - plugin nativo, grava o CSS do tema ativo com backups
- Shopify - app nativo, instalação OAuth, CSS em metacampos da loja
- Qualquer site - ZIP autônomo
Sem risco
A pré-visualização ao vivo tem debounce, desfazer/refazer volta 100 passos por arquivo, e nada é gravado até você clicar em Salvar. No servidor, os snapshots .orig e .bak mantêm um caminho de volta.
Cada valor recebe a ferramenta certa
Seletor de cores, gradientes com alças no próprio elemento, seletor de fontes, curvas de easing, formas clip-path, editor de linha do tempo @keyframes, perspectiva 3D arrastada com o mouse. Até um modo popup em segunda tela.
Seleção com apontar e clicar
Clique em qualquer elemento da página: as regras correspondentes são filtradas para si. Chega de adivinhar seletores.
Visual <-> Fonte
Mude qualquer arquivo para uma visualização de código CodeMirror com salvamento automático, e volte ao visual em um passo de desfazer.
Multarquivos, multi-tudo
Folhas de estilo empilhadas com estado de alteração e histórico por ficheiro, área de transferência interna, arrastar e largar, seleção múltipla e um inventário das suas variáveis, fontes e cores.
Zero dependências
Vanilla JS, sem framework, sem jQuery, sem etapa de build. Um ZIP, um snippet de bootstrap, e o assistente de instalação verifica o seu ambiente por você.
Modo de duas colunas, na ordem do DOM
Os arquivos são sempre listados na ordem do DOM - a ordem em que a cascata os aplica. Mude para duas colunas e arraste regras ou propriedades de um arquivo para o outro para reorganizar seu CSS em vez de excluí-lo.
Seu trabalho continua sendo seu
Pagamento único, sem assinatura forçada. Exporte seu CSS a qualquer momento (copiar ou baixar .css, mesmo somente leitura). Após o teste, seus estilos salvos permanecem aplicados para sempre - nunca tomamos seu site como refém.
Por baixo do capô: o que acontece exatamente no seu servidor
Sem caixa-preta. Aqui está a lista completa do que o CSS_EDITOR grava - e o que ele nunca faz.
O que é gravado
- O arquivo CSS que você edita, substituído atomicamente (arquivo temporário e depois renomeado - nunca um arquivo gravado pela metade)
- Um snapshot .orig no primeiro salvamento, um snapshot .bak em cada salvamento: o caminho de volta está sempre a um clique
- No Shopify: o seu CSS nos metacampos da loja, renderizado no servidor - zero ficheiros de tema modificados
O que nunca acontece
- O editor nunca carrega para seus visitantes - eles veem seu site exatamente como você o fez
- Seus estilos salvos nunca são removidos, mesmo após o fim do teste ou o vencimento da licença
- Sem dependência de CDN externo em tempo de execução no seu site: o código que você instala é o código que roda
Não acredite apenas na nossa palavra.
Teste e veja com seus próprios olhos.
A captura de ecrã ao lado não é uma maquete: é este editor, fixado na parte inferior desta página, a editar os estilos desta página. Abra-o e teste-o aqui mesmo... ou descarregue-o para testar gratuitamente no seu próprio site, quer seja local ou online, e guarde os seus ficheiros CSS diretamente no seu servidor com um único clique. Não é preciso recarregar a página; basta continuar a editar o seu CSS.
IA integrada - Sua própria IA, sem API paga
O CSS_EDITOR não aluga uma IA para você. Ele prepara prompts perfeitos para a IA que você já usa e aplica suas respostas com segurança.
Modo prompt
Selecione um ou vários elementos da sua página: o CSS_EDITOR constrói um prompt pronto para colar (seu pedido, trechos do DOM, estilos computados, regras existentes). Cole a resposta da sua IA: o CSS é aplicado com pré-visualização e desfazer, e um relatório lista as mudanças de DOM/JS que restarem para fazer manualmente.
Analisador de CSS morto
O analisador classifica cada seletor das suas folhas de estilo contra o DOM ao vivo: usado (verde), provavelmente dinâmico (laranja), não usado (vermelho). Uma verificação cruzada com IA sinaliza os arriscados antes de você purgar. Depois mova ou exclua com arrastar e soltar - os backups são feitos primeiro.
Pagamento único. Seu para sempre.
Teste tudo de graça por 1 hora no seu próprio site. Depois disso, a edição bloqueia educadamente — seus estilos salvos permanecem aplicados para sempre, nunca tomamos seu site como refém. Ative sua chave uma vez: ela se vincula ao seu domínio automaticamente, nada para mover.
Oferta de lançamento: -25% com o código de desconto LAUNCH25
Para um site pessoal ou um único projeto.
- 2 sites (locais ou online)
- Editor completo, todos os seletores
- Salvamento no servidor + backups
- Suporte por e-mail
Comprar
código promo : LAUNCH25Para vários sites ou subdomínios
- Até 10 sites
- Editor completo, todos os seletores
- Salvamento no servidor + backups
- Suporte prioritário
Comprar
código promo : LAUNCH25Para agências e integradores multicliente.
- Até 50 sites
- Editor completo, todos os seletores
- Salvamento no servidor + backups
- Suporte dedicado
Comprar
código promo : LAUNCH25Ao comprar o CSS_editor, você aceita os termos de uso.
Pagamento seguro pela Polar.sh - sua chave de licença é enviada por e-mail instantaneamente após a compra. Atualizações incluídas por 12 meses.
Oferta de lançamento: os preços apresentados já incluem o desconto de lançamento de -25% (código LAUNCH25) sobre os preços regulares de 24 $, 96 $ e 288 $. Podem ser adicionados impostos no pagamento conforme o seu país - gerido pela Polar.sh.
Como o CSS_EDITOR se compara
Factos, não adjetivos. Verificado nas páginas oficiais de cada ferramenta, novembro de 2026 (fontes sob cada nome).
| CSS_EDITOR | CSS Hero csshero.org/buy-now |
Microthemer themeover.com/pricing |
|
|---|---|---|---|
| Plataformas | PrestaShop, WordPress, Shopify, qualquer site ou aplicativo web | Somente WordPress | Somente WordPress |
| Modelo de preços | Pagamento único, de 18 $ a 288 $ (preços de lançamento) | Assinatura anual (29 $ a 199 $/ano conforme o número de sites) ou 599 $ vitalícia | Assinatura anual ou mensal, ou licenças vitalícias (125 $ a 499 $) |
| Modo de prompt de IA | Sim - com sua própria IA, sem API paga | Não | Sim - assistente de IA integrado (apenas CSS) |
| Analisador de CSS morto | Sim, com verificação cruzada de IA | Não | Não |
| Salvamento no servidor com backups | Escrita atômica, snapshots .orig + .bak | Edições guardadas na base de dados, os visitantes recebem um ficheiro CSS estático | Armazenamento próprio; o plugin Microloader pode continuar a servir os estilos após a desinstalação |
| Seus estilos se você parar de pagar | Permanecem aplicados para sempre, exportáveis a qualquer momento | Continuam a funcionar; a renovação só é necessária para atualizações, suporte e novos sites | As licenças vitalícias mantêm tudo, atualizações incluídas |
Perguntas honestas, respostas honestas
O CSS_EDITOR pode quebrar meu site?
A edição é apenas pré-visualização até você clicar em Salvar, o desfazer volta 100 passos por arquivo, e cada salvamento cria snapshots .orig e .bak no seu servidor. Se algo der errado, restaurar o arquivo anterior está a um clique. O editor nunca carrega para seus visitantes - eles veem seu site exatamente como você o fez.
Isso deixa meu site lento?
Não. O editor é uma ferramenta que você abre como administrador do site. Seus visitantes veem o site exatamente como você o fez: o CSS servido é o mesmo arquivo que seu tema já servia, e nenhum JavaScript é adicionado para eles.
O que acontece quando o teste gratuito termina?
Após 1 hora, a edição bloqueia educadamente. Tudo o que você salvou permanece aplicado no seu site para sempre - nunca removemos seus estilos. Insira uma chave de licença a qualquer momento para desbloquear a edição novamente, exatamente onde você parou.
O app da Shopify modifica os arquivos do meu tema?
Não. O app da Shopify é instalado via OAuth e armazena seu CSS em metacampos da loja, renderizados no servidor. Zero arquivos de tema modificados, e a desinstalação é limpa.
Estou preso? Posso exportar meu CSS?
Sem aprisionamento. O CSS_EDITOR é uma compra única, e a função Exportar (copiar para a área de transferência ou baixar .css) está sempre disponível, mesmo no modo somente leitura. Seu CSS é CSS puro em arquivos puros.
Quais versões do PrestaShop e do WordPress são suportadas?
O módulo do PrestaShop suporta de 1.7 a 8.x e grava o arquivo CSS do tema com backups. O plugin do WordPress grava o CSS do tema ativo com backups. Ambos são criados para você na hora a partir deste site.
Preciso pagar por uma API de IA para usar os recursos de IA?
Não. O modo prompt constrói um prompt completo que você cola na IA que já usa (ChatGPT, Claude, Kimi, um modelo local...), e aplica a resposta com pré-visualização e desfazer. O analisador de CSS morto funciona da mesma forma para sua verificação cruzada opcional com IA. Nenhuma chave de API paga é necessária.
O que a licença inclui?
Uma licença permanente para o número de sites do seu plano (2, 10 ou 50), o editor completo com todos os seletores visuais, o modo de prompt com IA, o analisador de CSS morto, o salvamento no servidor com backups e todas as atualizações por 12 meses. A chave vincula-se automaticamente aos seus domínios na primeira utilização.
Vocês oferecem reembolso?
Não - e aqui está o porquê: você pode testar tudo de graça por 1 hora no seu próprio site antes de comprar. O teste é a garantia. Todas as vendas são finais (veja os termos de venda).
E se eu mudar meu nome de domínio?
As chaves de licença são associadas automaticamente aos seus domínios no primeiro uso e não são liberadas automaticamente. Dependendo da sua situação, entre em contato com o suporte, que poderá reatribuir sua licença.
O CSS_EDITOR pode ser incorporado no meu próprio aplicativo?
Sim - o núcleo é vanilla JS com um contrato de adaptador documentado, feito para ser incorporado.
Além disso, cada utilitário (transformação, perspectiva, gradiente, etc.) pode ser usado de forma independente no seu site.
Para quaisquer outros requisitos, entre em contato conosco.
Provas, não promessas
Capturas de tela reais deste site. Uma marcação, três temas — o menu Tema na navegação reestiliza esta página ao vivo. Teste no seu tema preferido.
Já está no seu próximo design?
Economize tempo:
Escolha sua plataforma. Uma hora de teste, sem cartão de crédito, direto no seu próprio site.
Módulo nativo (1.7 a 8.x), criado na hora com sua chave de licença dentro.
Criar e baixar o móduloApp nativo da Shopify - instalação OAuth, CSS em metacampos da loja, zero arquivos de tema modificados.
Instalar na sua lojaPrestaShop e WordPress: o build gera uma chave de licença, que deve ser substituída pela chave fornecida após a compra.
Ao baixar o CSS_editor você aceita os termos de uso.