Construa sites profissionais com Pinegrow Web Editor

um editor Web para Windows, Mac e Linux que cria websites responsivos mais rapidamente com edição ao vivo de várias páginas, estilos CSS e SASS, editor de Grid CSS e suporte completo para Bootstrap, TailwindCSS, Foundation e WordPress.


O Pinegrow é um construtor de sites que abre e grava arquivos HTML e CSS padrão. Isso significa:

  • Seu trabalho não ficará preso num formato de arquivo proprietário.
  • Abra e edite seus projetos existentes.
  • Use o Pinegrow ao lado de outras ferramentas de desenvolvimento web.
  • Você pode construir sites offline, sem conexão à internet.
  • Crie sites ilimitados.
Baixar para Windows, Mac e Linux

Teste grátis incluído. Todos os recursos, incluindo animações e criação de temas WordPress, estão liberados no período de de teste.

Pinegrow, construtor de site visual para profissionais.

Notícias

Recursos

Você está trabalhando com páginas em HTML, temas WordPress, Bootstrap ou Foundation? Veja porque o Pinegrow deve fazer parte de suas ferramentas:


Acelere a construção em HTML com avançadas ferramentas visuais

Construa rapidamente o layout de sua página da web com poderosas ferramentas visuais para adição, edição, mudança, clonagem e exclusão de elementos HTML. Insira vários elementos com o repetidor e modifique o layout de todos os eles de uma só vez.

O vídeo está carregando...

Edite estilos CSS, SASS e LESS - ao vivo!

Inspecione as regras de CSS ativas, use avançados controles visuais, editor de grid em CSS, um editor avançado ou código - todos trabalham integrados. Edite SASS e LESS, ao vivo, sem qualquer ferramenta externa. 

O vídeo está carregando...

A ferramenta perfeita para trabalhar com Bootstrap & Foundation

Acesse centenas de classes do framework em poderosos controles visuais. Usar a biblioteca completa de componentes prontos para uso e trabalhe com componentes dinâmicos, como modais. Redimensionar colunas na página e visualize o layout com ajudantes de exibição.

O vídeo está carregando...

Editar e testar sua página em todos os tamanhos de dispositivo ao mesmo tempo

Use a edição de multi-páginas para editar suas páginas em vários tamanhos de tela de dispositivos. Crie facilmente sites responsivos com a ferramenta de ajuda de media query. Adicione pontos de interrupção ou deixe o Pinegrow detectá-los analizando as folhas de estilo.

O vídeo está carregando...
Pinegrow PRO

Componentes, páginas mestras, projetos, modo CMS...

Pinegrow Pro permite que você acelerar seu trabalho ainda mais com recursos inteligentes como páginas mestras que permitem que você define modelos para seu projeto. Transforme os elementos da página em componentes reutilizáveis com áreas editáveis personalizadas. Use o Pinegrow como CMS para sites estáticos HTML.

O vídeo está carregando...
Pinegrow Pro com WordPress

Crie temas para WordPress prontos para usar, rápido e sem código

O Pinegrow também é a ferramenta perfeita para a criação de temas para WordPress pronto para produção. Escolha qualquer página HTML e a transforme em um tema WordPress, atribuindo funções WordPress para elementos individuais na página. O Pinegrow exporta os arquivos PHP padrão para WordPress.

O vídeo está carregando...

E isso não é tudo... 

Sincronização Pinegrow com Atom, edição de tags do lado do servidor, use blocos prontos, abra páginas da web e muito mais.

O vídeo está carregando...

Use o Pinegrow para:

Construir sites

Crie sites a partir do zero ou edite seus projetos existentes. O Pinegrow tem tudo que você precisa para construir sites: HTML edição ferramentas, estilo, quadro ferramentas, bibliotecas de componentes e muito mais.

Criar rapidamente um esboço

Use a biblioteca de elementos para montar uma página rápidamente. Duplicar a página e testar variações de layout diferentes.

Usar funções e variáveis CSS

Use variáveis e facilidades SASS e LESS. Use expressões matemáticas e funções como clarear e escurecer para criar projetos que podem ser personalizados alterando-se apenas algumas variáveis - tudo em tempo real.

Aplique estilo numa página

Por que parar no esboço? Vá em frente e crie uma página exclusiva customizando os elementos aplicando estilos com regras de CSS. Editar regras através do editor visual ou escrever o código diretamente.

Tornar sua página responsiva

Abra várias páginas que compartilham a mesma folha de estilo. As alterações de estilo são refletidas em todas as páginas em tempo real. Visualize em diferentes tamanhos de tela.

Editar o conteúdo de uma página

Use o Pinegrow como um CMS para suas páginas HTML estáticas. Mova elementos e clique duas vezes em qualquer deles para editar seu conteúdo em texto.

Teste modelos on-line

Basta abrir um demo do modelo da internet e começar a personalizar com suas imagens e conteúdo. Veja imediatamente se o modelo funciona para você ou não.

Precisa de um trecho de código rápido?

Precisa de um formulário ou uma barra de navegação do Bootstrap? Faça o design no Pinegrow e altere seu layout com um único clique. Selecione o formulário e copie o código HTML.

Colabore com outros

Use ferramentas de controle de código como o Git para gerenciar o seu código e para colaborar em projetos com membros de sua equipe.

Design your own Pinegrow plan

with 30 days money-back guarantee

Use Pinegrow for as long as your subscription is active and keep your license always up to date. You will be automatically charged every year. You can cancel the subscription at any time.

Pinegrow Web Editor PRO

Build web projects with powerful tools for editing HTML & CSS - visually and with code.

  • Bootstrap
  • Foundation
  • Plain HTML
  • Components
  • Live SASS Editing
  • Multiple views
  • Edit URLs
  • PHP, ASP & ERB
  • Master pages
  • Font Awesome
  • and more...
Save 50%
USD 99
USD 49.50
per year

Select add-ons:

Interactions

Bring your projects alive with interactions, animations and scroll scenes. Learn more »

+
Save 50%
USD 200
USD 50
one time
Interactions are not available with one time payment. You can get them as a separate add-on subscription.
FREE
WordPress Theme Builder

Create fully-featured custom WordPress themes without coding. Learn more »

+
Save 50%
USD 50
USD 25
per year
Tailwind Visual Editor

Powerful visual editor for your Tailwind CSS projects. Learn more »

+
Save 50%
USD 50
USD 25
per year

Need help deciding? Take a look at feature comparison.

Are you a student, non-profit or educator? We have a special plan for you.

If you can't afford Pinegrow at the moment, get in touch and we'll find a solution.

Interactions

Powerful visual editor for designing web interactions and animations:

Interactions
Scroll scenes
Timeline editor
Powered by GreenSock, license included

WordPress Theme Builder

Create production-ready custom WordPress themes:

WP theme builder
Blocks for WordPress

Tailwind Visual Editor

Visual controls and power tools for Tailwind CSS:

Visual controls
Responsive editing
Styles
Helpers
Component libraries

Our order process is conducted by our online reseller Paddle.com. Paddle.com is the Merchant of Record for all our orders. Paddle provides all customer service inquiries and handles returns.

30 dias de garantia de devolução do dinheiro

Não tem 100% de certeza se o Pinegrow é ideal para você? Não se preocupe. Experimente sem risco. Por favor, note que o reembolso não está disponível para assinaturas mensais. Detalhes.

Suporte e comunidade amigável

Receba suporte participando de nossa comunidade de usuário no Slack e no fórum.

Desenvolvimento ativo

Trabalhamos no Pinegrow em tempo integral e lançamos versões frequentes. Confira o cronograma de lançamentos Pinegrow para ver como o Pinegrow está evoluindo rápido.

Perguntas frequentes

Por que o Pinegrow é diferente de outros construtores de site?

Pinegrow é um aplicativo desktop que funciona com arquivos HTML e CSS. Acreditamos que um aplicativo desktop se encaixa muito melhor em desenvolvimento web do que as soluções de nuvem.

O Pinegrow tem recurso exclusivos, como a edição de várias páginas ao mesmo tempo, completa gama de componentes Bootstrap e Foundation, aplicação de estilos ao vivo com suporte a SASS e LESS, construtor de temas WordPress, integração com Atom e mais.

O Pinegrow não adiciona qualquer abstração em cima do HTML e CSS. Ele simplesmente ajuda você a trabalhar com HTML e CSS com mais eficiência, seja visualmente ou por meio de código. O Pinegrow é adaptado para designers e desenvolvedores web profissionais.

Leia uma resenha de usuário sobre como o Pinegrow se compara ao Dreamweaver.

Quais são os termos de licença?

É necessária uma licença separada para cada usuário individual que está usando o programa. Uma exceção é feita para membros da sua família - não faz sentido exigir que seus filhos comprem uma licença separada se eles querem brincar com o Pinegrow no seu computador.

Você pode instalar sua cópia do Pinegrow em até 3 computadores (em casa e no trabalho, Windows, Mac ou Linux), enquanto você é o único usando o programa. 

Se você está comprando o Pinegrow para uma empresa, você precisa da Licença de Empresa. Você precisa uma Licença de Empresa para cada pessoa em sua empresa que usará o Pinegrow.

Qual é a diferença entre pagamentos únicos e assinaturas?

Cada compra de licença única dá direito a uma licença da versão atual do programa para sempre e inclui um ano de atualizações gratuitas para sua edição do Pinegrow. 

Após um ano de atualizações gratuitas você poderá renovar a licença - por apenas metade do preço de uma nova licença - e obter um ano adicional de atualizações gratuitas. Se não, você só pode continuar usando sua versão atual.

Com as assinaturas, você sempre tem acesso a versão mais recente do Pinegrow, mas você não será capaz de continuar usando o Pinegrow depois do término de sua assinatura.

Por que vocês oferecem tanto pagamentos único e assinaturas?

As pessoas têm necessidades diferentes - alguns usam o Pinegrow diariamente, e alguns querem usá-lo para um único projeto. Alguns preferem ter suas licenças de software e alguns não querem pensar sobre os números de versão e só querem que suas ferramentas estejam sempre atualizadas.

Então, no momento em que mais e mais empresas de software estão oferecendo exclusivamente o modelo de assinatura, nós dissemos: "Ei, por que não oferecer ambos e permitir que os usuários escolham o que é melhor para eles?"

Por que o nome "Pinegrow"?

Nós amamos o pinheiros. Eles tem um cheiro incrível e é divertido relaxar sob sua sombra no verão. As folhas em forma de agulhas deixam passar a quantidade perfeita de sol. E como árvores normalmente fazem, elas crescem. Assim, Pinegrow!

Suporte

Encontrou problemas? Tem uma sugestão? Quer manda um olá? Nós adoraríamos falar com você!

Somos uma equipe pequena e altamente produtiva, trabalhando remotamente de diferentes partes do mundo.

Pinegrow é uma ferramenta que queríamos para nós mesmos. Leia a história de como foi criado o Pinegrow.

Matjaz Trontelj

Matjaž

Autor

Ivona Stimac Trontelj

Ivona

Co-fundadora

Emmanuel Arnoud

Emmanuel

Suporte e WP

Mohammed Aljuboori

Mohammed

Desenvolvedor

Apesar dos avanços na compatibilidade entre navegadores, funções CSS e agora SASS e Bootstrap, muitas vezes parece que o desenvolvimento web ficou mais difícil, e não menos.

Uma razão para isso é a complexidade das ferramentas necessárias para construir sites modernos. A outra razão é que ferramentas de criação de site visual destinadas a profissionais pararam no tempo. Lidar com código diretamente é considerada a melhor abordagem.

Bem, acho que há uma maneira melhor.

As partes tediosas de criação de um novo projeto podem ser automatizadas, centenas de classes de framework pode ser acessadas por controles visuais e SASS pode ser compilado ao vivo sem qualquer ferramenta externa. Edição visual e em código podem ser feitas lado a lado.

E é pra isso que criamos o Pinegrow.

Matjaž Trontelj, autor de Pinegrow