Construtor de páginas HTML

Exemplo de código e dados atualizados em 13 de outubro de 2026 · Mobirise

O que você faz

Você empilha blocos prontos, troca os textos de exemplo e coloca suas imagens. As configurações de cada bloco definem o espaçamento interno, o fundo, os itens visíveis e o número de colunas; ninguém digita uma tag.

O que você recebe

Páginas estáticas: arquivos .html com o CSS e o JavaScript deles, em Bootstrap 5. Todos os blocos são responsivos, então um único arquivo se adapta de um celular pequeno a um monitor largo.

Custo

O aplicativo é gratuito, inclusive para uso comercial, e traz um tema básico com mais de 200 blocos. Por US$ 149 por ano, o plano KIT libera a biblioteca premium (mais de 220 temas e extensões) e remove a marca do Mobirise.

Como obter os arquivos

Sem custo no aplicativo para desktop, que publica o site completo em uma pasta local à sua escolha. O Site Export do criador no navegador exige o plano BASE ou GROW.

Mexer no código

Com um plano pago, a extensão Code Editor abre qualquer bloco, ou a página inteira, para você alterar o HTML e o CSS.

Onde funciona

Windows 7 ou superior: MobiriseSetup.exe (~105 MB). macOS a partir do 10.13 High Sierra: um .dmg para Apple Silicon ou outro para Intel (~134 MB cada). Linux baseado em Debian, como o Ubuntu: um .deb (~102 MB). Versão 6.1.12; o mesmo motor também abre no navegador.

Hospedagem

Seu servidor atual por FTP ou FTPES, um repositório do GitHub Pages ou um subdomínio mobirisesite.com com HTTPS, sem custo (três sites no plano gratuito).

Não é a melhor opção para

Retrabalhar um HTML que outra ferramenta gerou. Só projetos do Mobirise abrem no Mobirise.

Um bloco de uma demonstração pública do Mobirise: a linha de recursos do site de gestão de estoque ControlM5, o primeiro dos três screenshots de desktop abaixo do título da página. As decorações de borda e três cartões repetidos foram cortados e a indentação é menor; nada mais foi alterado.

<section data-bs-version="5.1" class="features01 controlm5 cid-vgZMybvHpp" id="features01-2">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="content-wrapper">
          <!-- decorative border elements trimmed -->
          <div class="row items-wrapper">
            <div class="col-12 col-lg-3 item features-without-image">
              <div class="item-wrapper">
                <div class="iconfont-wrapper">
                  <span class="cards-icon mbr-iconfont mobi-mbri-layers mobi-mbri" style="color: rgb(150, 140, 120); fill: rgb(150, 140, 120);"></span>
                </div>
                <h4 class="item-title mbr-fonts-style display-4">
                  <strong>STOCK TRACKING</strong>
                </h4>
                <p class="item-text mbr-fonts-style display-4">
                  Monitor product quantities, locations.
                </p>
              </div>
            </div>
            <!-- three more cards with the same markup trimmed -->
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

Da demonstração de gestão de estoque ControlM5, bloco features01, lido em outubro de 2026 e resumido. O laranja marca as classes de grade do Bootstrap; o azul marca as classes de bloco e de texto do Mobirise.

container, row, col-12

A grade do Bootstrap. A row externa tem uma única coluna de largura total; a row interna reúne os quatro cartões de recursos.

col-12 col-lg-3

Um cartão ocupa toda a largura em um celular e um quarto da linha a partir do breakpoint lg do Bootstrap (992 pixels), então os quatro cartões ficam lado a lado em um notebook e se empilham no celular.

features01 controlm5 cid-vgZMybvHpp

O design do bloco, o tema dele e uma classe que nenhum outro bloco tem. Sob essa classe, o mbr-additional.css define padding-top e padding-bottom de 5rem, um fundo escuro e uma borda inferior: o tipo de valor que as configurações do bloco controlam.

mbr-fonts-style display-4

Um estilo de texto compartilhado por todo o site. Aqui, o display-4 define a fonte Geist em 0,875rem, além de uma regra de tamanho fluido para telas estreitas.

data-bs-version="5.1"

Marca a seção como marcação do Bootstrap 5. A cor do ícone é escrita inline, e o glifo dele vem da fonte de ícones do Mobirise.

Não é um código mínimo: os blocos também trazem wrappers que existem só pelo visual, como os elementos de borda cortados aqui. A página do construtor de Bootstrap aprofunda como os blocos usam a grade.

Os arquivos que a mesma demonstração carrega, lidos a partir dos caminhos no HTML dela; outros temas podem usar pastas um pouco diferentes.

Pesquisar por um construtor de páginas HTML traz vários tipos de software. A divisão prática: uma pasta que você pode colocar em qualquer servidor, ou uma página que vive dentro de uma plataforma.

Construtores para desktop, editores de código e um gerador com IA, comparados no que importa quando o objetivo é o HTML: o framework, o acesso ao código e para onde os arquivos podem ir. As linhas em que outra ferramenta leva vantagem foram mantidas.

Fontes: páginas de produto, de preços e de ajuda no site de cada fornecedor, consultadas em 13 de outubro de 2026. Os valores estão em dólares americanos, sem impostos, e cada célula indica a base de cobrança (pagamento único, mensal ou anual); fora dos EUA, Pinegrow e Adobe divulgam preços em moedas locais. As condições mudam com frequência; confira-as antes de comprar.

Escolha pela tarefa que você tem em mãos; o Mobirise é a resposta certa para algumas delas e a errada para outras.

Sem código e sem custo, com os arquivos na mão

Mobirise: um aplicativo gratuito cujas páginas em Bootstrap 5 vão para a hospedagem que você usar.

Retrabalhar um site existente

Pinegrow ou Dreamweaver, que abrem qualquer HTML. O Mobirise não consegue importá-lo.

Tailwind CSS ou marcação sem framework

Pinegrow.

Componentes Bootstrap com um único pagamento

Bootstrap Studio, por US$ 29 ou US$ 59 uma única vez.

Digitar cada tag você mesmo, de graça, no Windows

O editor de HTML gratuito da CoffeeCup.

Trabalho com código dentro do Creative Cloud

Dreamweaver, se você já paga pelos aplicativos da Adobe.

Ver primeiro um design de IA de graça

8B AI, onde a etapa de design é gratuita e entrar no ar exige o plano Pro, a US$ 9 por mês.

Um rascunho a partir de uma descrição, depois blocos que você edita

Mobirise AI: quatro designs por prompt, 3 gerações gratuitas por mês e, depois, a exportação pelo aplicativo para desktop.

O Mobirise é um criador de HTML para quem prefere não mexer na marcação. No aplicativo para desktop, o caminho de um projeto vazio até os arquivos em um servidor tem quatro etapas.