Construtor de sites Bootstrap
Um construtor de sites Bootstrap permite montar um site responsivo a partir de temas prontos, sem digitar à mão as classes do framework. Comparamos essa opção com programar do zero e com templates, colocamos sete ferramentas lado a lado e mostramos onde entra o Mobirise, cujos sites funcionam com Bootstrap 5.
Grátis para sites pessoais e comerciais.
temas premium e extensões no plano KIT
O plano gratuito tem um tema básico com 200+ blocos. O KIT, por US$ 149 por ano, libera o restante, e todo tema gera código Bootstrap 5.
Seis fatos antes de escolher um construtor de sites Bootstrap
Fatos sobre o Bootstrap verificados em 14 de outubro de 2026 pela equipe que desenvolve o Mobirise.
Um construtor de sites Bootstrap é um editor visual cujas páginas são escritas no framework CSS Bootstrap. Na tela, ele funciona como outros construtores de sites de arrastar e soltar: você escolhe e organiza seções, a ferramenta escreve a grade, os componentes e as classes, e qualquer pessoa que conheça o Bootstrap consegue abrir e ler o resultado.
Seja qual for o tema de partida, as páginas que o Mobirise escreve são arquivos estáticos construídos sobre o Bootstrap 5: HTML, CSS e JavaScript.
Blocos no único tema básico do plano gratuito. O uso comercial é permitido; os sites gratuitos publicados exibem a marca do Mobirise.
Temas premium e extensões que o plano KIT libera em um único pacote por US$ 149 por ano; nenhum tema tem preço próprio.
Gratuito ou pago, o aplicativo para desktop grava o site completo como arquivos. Sites criados no navegador podem ser exportados nos planos BASE ou GROW.
Um template Bootstrap comprado ou baixado em outro lugar não pode ser carregado; o editor só aceita projetos do Mobirise.
O aplicativo para Windows, macOS e Linux edita e pré-visualiza offline. IA, publicação e downloads de novos temas exigem conexão.
Qual ferramenta Bootstrap escolher
Comece pelo que você tem: nada ainda, um template, seu próprio código ou só um esquema de cores. Cada quadro diz quando aquela ferramenta é a melhor escolha, e qual é o porém.
Mobirise
Blocos que você edita direto na página, um aplicativo que também funciona offline e exportação de código em todos os planos. O porém: templates de fora não abrem, e a edição de código dentro do aplicativo é paga.
Bootstrap Studio
Aplicativo para desktop offline com editor de código integrado, Bootstrap 3 a 5 e importação de HTML. Sem versão gratuita: US$ 29 uma única vez ou US$ 59 pelo Lifetime.
Pinegrow
Abre seu HTML e seu CSS e mostra a página ao vivo ao lado do código-fonte. Feito para quem lê código; US$ 99 por ano após um teste gratuito.
Shuffle
Um construtor de páginas Bootstrap no navegador, com 3.800+ componentes; você baixa o resultado e o conclui na sua IDE. Só a demonstração é gratuita; o plano Developer começa em US$ 24 por mês.
bootstrap.build
Um construtor de temas Bootstrap 5 gratuito: você ajusta variáveis Sass, acompanha a atualização da prévia e baixa o tema para usar no código que escreve. Ele não gera páginas.
8B AI
Um prompt gera um site inteiro que você vê sem pagar; para publicá-lo e obter o HTML completo, o plano Pro custa US$ 9 por mês, com pagamento anual. Não é Bootstrap; só no navegador.
Webflow
Defina os estilos do desktop e depois sobrescreva-os para tablets e celulares. Não usa Bootstrap; os sites ficam na hospedagem do Webflow, e baixar o código exige um plano de workspace pago.
Um template admin Bootstrap
Painéis com tabelas, gráficos e logins são trabalho de código, e um template admin pronto economiza mais tempo aí do que qualquer construtor de sites, inclusive o nosso.
Aviso de parcialidade: somos a equipe do Mobirise, então leia a descrição dele com desconfiança redobrada. As outras sete se baseiam no que cada fabricante publica sobre a própria ferramenta, e várias apontam coisas que essa ferramenta faz melhor do que a nossa.
Ferramentas Bootstrap comparadas em temas e templates
Linhas escolhidas para um projeto que começa por temas: por onde começar, o que é grátis, quanto custa e se um template de fora abre. Confirme os preços com cada fornecedor antes de pagar.
| Recurso | Mobirise | Bootstrap Studio | Shuffle | 8B AI | Pinegrow | bootstrap.build | Webflow |
|---|---|---|---|---|---|---|---|
| Ponto de partida | Um tema de blocos prontos ou 4 designs de IA a partir de um prompt | Sua biblioteca de templates ou componentes arrastados para a página | Bibliotecas de UI e templates Bootstrap 5; um agente de IA pode esboçar páginas | Um prompt; sem nenhum template | Seus próprios arquivos, templates iniciais ou a biblioteca gratuita Pinekit | As variáveis padrão do Bootstrap; sem páginas | 7.000+ templates, gratuitos e pagos |
| Versão do Bootstrap | 5 | 3, 4 e 5 | Somente Bootstrap 5, embora o editor também cubra Material UI, Bulma e Tailwind | Não é Bootstrap | Bootstrap 3, 4 ou 5; também projetos com Tailwind CSS e HTML puro | 5 | Não é Bootstrap |
| Uso gratuito | Sim: 1 tema, 200+ blocos, exportação pelo aplicativo; marca do Mobirise nos sites publicados | Sem versão gratuita | Somente demonstração | Designs gratuitos para criar e ver; sem publicação | Teste gratuito | Sim, sem cadastro | Plano gratuito; o site fica em um subdomínio webflow.io e exibe o selo do Webflow |
| Preço do plano pago | US$ 149 por ano (KIT), US$ 199 (BASE) ou US$ 249 (GROW), todos cobrados anualmente | Pagamento único: US$ 59 pelo Lifetime ou US$ 29 pelo Standard, com 12 meses de atualizações | Plano Developer: US$ 249 em pagamento único (subindo para US$ 349 a partir de 16 de outubro de 2026), US$ 99 por ano ou US$ 24 por mês | US$ 9 por mês no plano Pro, com pagamento anual | US$ 99 por ano; também vendido por mês ou como licença única | Nada a comprar | Plano de site Basic: US$ 15 por mês, com pagamento anual |
| Abre um template de fora | Não; abre somente projetos do Mobirise | Sim, você arrasta os arquivos | Não informado | Não informado | Sim, edita os arquivos no próprio local | Não, ele reestiliza o Bootstrap, não páginas | Não informado |
| Edição de código | Code Editor nos planos pagos; no plano gratuito, edite os arquivos exportados em outro programa | Editor integrado para HTML, CSS, Sass e JavaScript | 500+ variáveis do Bootstrap; o código é finalizado na sua IDE | O HTML e o CSS reais, até no plano gratuito; o Pro acrescenta edições por chat | Visualização completa do código ao lado da visual | Somente variáveis do tema | Incorporação de código personalizado nos planos pagos |
| Onde roda | Aplicativo para Windows, Mac e Linux que funciona offline, ou navegador | Aplicativo para desktop, totalmente offline: Windows 10+, macOS, Linux | Navegador | Navegador | Instalação no desktop: Mac, Windows, Linux | Navegador | Navegador |
Três formas de ter um site Bootstrap
As três terminam em HTML e CSS Bootstrap. Diferem na habilidade exigida, no tempo que levam e no quanto você controla.
Escreva do zero
Habilidade: HTML, CSS, as classes do Bootstrap e um pouco de JavaScript. Tempo: o caminho mais lento, pois cada seção é escrita e testada à mão. Controle: total; o código só contém o que você colocou. Serve para desenvolvedores e para sites que fazem parte de um projeto maior.
Edite um template Bootstrap
Habilidade: HTML suficiente para se virar nos arquivos de outra pessoa. Tempo: um design Bootstrap polido logo de início, depois o ritmo cai, porque cada mudança de texto ou foto é uma edição de código. Controle: alto, dentro da estrutura e da licença do template. Serve para quem se sente à vontade em um editor de código.
Monte a partir de temas em um construtor
Habilidade: nenhuma para o básico; você escolhe blocos e digita, como na maioria dos construtores de páginas web fáceis. Tempo: em geral o caminho mais rápido para um site empresarial comum. Controle: o que os blocos, suas configurações e o eventual acesso ao código permitirem, mais os limites do próprio construtor, como quais arquivos ele consegue abrir.
Muita gente mistura os caminhos, usando um construtor como um construtor de templates Bootstrap: monta o layout na ferramenta, exporta e depois refina os detalhes no código. Trate essa exportação como um caminho de mão única. O Mobirise não reabre arquivos editados à mão; por isso, faça as mudanças de design no projeto e exporte de novo.
O que significa “framework para criar sites”
Alguns construtores escrevem páginas em um framework CSS público, outros em código próprio. A diferença aparece no dia em que você abre os arquivos.
A maioria das pessoas que busca essa expressão quer dizer um construtor que fica sobre um framework CSS, como o Bootstrap. O framework fornece a grade, os componentes e os nomes de classe; o construtor oferece uma forma visual de organizá-los. O Mobirise, o Bootstrap Studio, o Shuffle e o Pinegrow funcionam assim, enquanto o Webflow e o 8B AI geram estilos próprios em vez de Bootstrap.
Desenvolvedores também usam essas palavras para kits de código aberto que colocam um editor de páginas dentro do próprio software. É outra tarefa, e esta página não a cobre.
Código que outros conseguem ler
As classes do Bootstrap são documentadas publicamente, então um desenvolvedor que conhece o framework consegue trabalhar nas suas páginas exportadas sem aprender o construtor.
Uma saída
Se você sair do construtor, arquivos baseados em framework continuam abrindo em qualquer editor de código e rodando em qualquer hospedagem. Um resultado preso ao sistema próprio de uma ferramenta é mais difícil de levar para outro lugar.
A versão pesa muito
Bootstrap 3, 4 e 5 diferem em nomes de classe e em scripts. Veja qual deles o construtor gera antes de criar muitos sites com ele.
Se HTML limpo importa mais para você do que o framework por baixo, veja nosso comparativo de editores HTML WYSIWYG.
Como os temas do Mobirise se relacionam com o Bootstrap 5
“Tema” significa algo diferente aqui do que em um marketplace do Bootstrap.
No mundo Bootstrap, um tema costuma ser uma reestilização do framework, com novas cores, fontes e espaçamentos definidos em variáveis Sass, ou um template completo que você compra e edita como código. Um tema do Mobirise é uma família de blocos prontos com um design em comum. Em vez de editar arquivos, você adiciona os blocos dele às páginas e os altera no editor, enquanto o Mobirise escreve a marcação Bootstrap 5.
Bootstrap 5 por baixo
Seja qual for o tema escolhido, a saída são páginas estáticas em Bootstrap 5, com suas folhas de estilo e seus scripts. Todos os blocos são responsivos: mude a prévia do editor para o tamanho de celular, depois tablet e depois desktop, e veja o tema se reorganizar.
Estilizado sem Sass
O Style Editor guarda as fontes e as cores do projeto inteiro. Cada bloco tem um painel de parâmetros para espaçamento, fundo, quais partes aparecem e quantas colunas, e cada título recebe a tag H que você escolher.
Um layout para todas as telas
Os blocos se adaptam a cada tela por conta própria. Não há versão separada para celular para manter, nem opção que oculte um elemento em um único dispositivo.
Já tem um template Bootstrap? O Mobirise não consegue abri-lo. Refaça as seções dele com blocos parecidos ou continue editando o original no Bootstrap Studio, que o importa, ou no Pinegrow, que trabalha direto nos arquivos.
O que verificar em templates Bootstrap gratuitos
Vale para qualquer ferramenta que você escolher. Um template gratuito só economiza tempo se nada disto surpreender você depois.
Licença
Confira se o uso comercial e o trabalho para clientes são permitidos e se o crédito no rodapé precisa ficar. Alguns templates gratuitos pedem um link de volta, a menos que você pague.
Última atualização
Olhe a data da última versão ou do último commit. Um template parado há anos tende a trazer plugins antigos e bugs sem correção.
Versão do Bootstrap
Descubra no nome do arquivo CSS ou no arquivo de pacote. Passar do 3 ou do 4 para o 5 significa classes renomeadas e scripts reescritos.
Scripts extras
O Bootstrap 5 não precisa mais de jQuery. Um template que ainda o carrega, além de plugins de slider e animação, deixa você com mais itens para manter atualizados.
Imagens
As fotos de demonstração muitas vezes têm licença própria ou são trocadas por imagens de exemplo no download. Planeje usar as suas próprias imagens.
Fontes Sass
Com os arquivos Sass, você muda cores e fontes em um só lugar. Um único arquivo CSS compilado obriga a escrever sobrescritas à mão.
Celulares e teclado
Abra a demonstração em um celular e depois percorra-a com a tecla Tab. Um menu que falha em qualquer um dos testes falha com seus visitantes.
Documentação
Procure instruções de instalação, um changelog e um lugar para relatar bugs. Na maioria dos templates gratuitos, ninguém mais vai corrigir os problemas por você.
O Mobirise é o construtor de sites Bootstrap certo para você?
Ele serve a quem trabalha começando por temas. As duas listas mostram os dois lados, e cada caso contra ele cita uma alternativa.
Uma boa escolha
- Começar por um tema combina com você, e você prefere não digitar à mão as classes do Bootstrap 5
- Você quer ficar com os arquivos Bootstrap: até quem usa o plano gratuito recebe o site exportado pelo aplicativo para desktop
- Você costuma trabalhar sem uma conexão estável; veja o que continua funcionando em um software para criar sites offline
- Você faz sites para pequenas empresas e quer 220+ temas premium por um único preço anual
- Você gosta de começar por um prompt e refinar à mão; o mesmo editor aceita o primeiro rascunho de um criador de sites com IA
Escolha outra opção se
- Você tem um template ou site Bootstrap para editar visualmente: o Bootstrap Studio o importa, e o Pinegrow edita os arquivos dele
- Sites antigos em Bootstrap 3 e 4 precisam de manutenção: os temas do Mobirise são só da versão 5, enquanto o Pinegrow e o Bootstrap Studio aceitam as versões anteriores
- Você só quer o Bootstrap com novas cores para o código que escreve: o bootstrap.build é gratuito e foi feito para isso
- Você precisa de um layout diferente para celular, ou de ocultar elementos por dispositivo sem código: o Webflow estiliza cada breakpoint
- Você quer alterar o código dentro do aplicativo no plano gratuito: o Code Editor é pago
- Você precisa de um aplicativo para iPhone ou iPad: não existe, então quem usa iOS trabalha no navegador
Perguntas sobre temas e construtores Bootstrap
Um construtor de sites Bootstrap gratuito é melhor do que um template Bootstrap?
Os dois podem não custar nada, então depende de quem edita o site. Um template entrega um design pronto em forma de código, o que serve a quem se sente em casa com HTML. Um construtor oferece edição visual e blocos que você reorganiza, mas pode recusar arquivos de fora: o Mobirise não importa templates.
O Mobirise é um construtor de sites Bootstrap 5?
Sim. Todo tema gera páginas estáticas em Bootstrap 5, com seu CSS e seu JavaScript. Ele não escreve código Bootstrap 3 ou 4; para projetos mais antigos, o Bootstrap Studio ou o Pinegrow servem melhor.
O Mobirise é um construtor de sites Bootstrap de código aberto?
Não. O Mobirise é grátis para começar, mas o código dele não é aberto. Os sites que ele cria rodam em Bootstrap, que é, e o aplicativo para desktop os exporta em qualquer plano como HTML, CSS e JavaScript puros, que você pode editar em qualquer editor de código. Se você quer um editor de páginas cujo código-fonte possa alterar, veja os kits de código aberto que desenvolvedores embutem no próprio software.
O Mobirise abre um template que comprei ou baixei?
Não. O editor não tem importador de HTML externo e carrega apenas projetos do Mobirise, então um template de marketplace fica de fora. Mantenha o visual refazendo-o com blocos parecidos, ou mantenha o código migrando para o Bootstrap Studio ou o Pinegrow.
Quantos temas do Mobirise são gratuitos?
Apenas um, o tema básico, que vem com o aplicativo para desktop gratuito e tem 200+ blocos. Todos os outros temas são premium: o plano KIT (US$ 149 por ano), o BASE e o GROW liberam toda a biblioteca de 220+ temas e extensões, e nenhum tema tem preço separado.
Posso usar um template Bootstrap gratuito no site de um cliente?
Só se a licença permitir uso comercial e para clientes. Muitos templates gratuitos permitem; alguns exigem um link de crédito visível, e alguns proíbem a revenda. Leia a licença antes de começar, não depois do lançamento.
Onde posso ver exemplos de sites Bootstrap?
A seção Examples da documentação do próprio Bootstrap traz layouts iniciais, como um blog, uma página de preços e um painel, cujo código você pode ler e reaproveitar. Marketplaces de templates mostram demonstrações ao vivo de sites completos. Antes de copiar qualquer um deles, passe pela lista de verificação acima, começando pela licença.
O Mobirise espera que eu conheça as classes do Bootstrap?
Não. Ele funciona como um criador visual de sites Bootstrap: você edita blocos na página e pelos painéis de configurações, e o Mobirise acrescenta as classes do Bootstrap sozinho. Conhecer o Bootstrap compensa quando você abre os arquivos exportados ou o Code Editor pago.
Onde posso publicar um site do Mobirise?
Onde quiser. Mesmo no plano gratuito, o aplicativo para desktop publica de três formas: upload por FTP ou FTPES para um servidor à sua escolha, deploy no GitHub Pages ou uma cópia em uma pasta local, sem limite de quantidade de sites. A hospedagem própria do Mobirise cobre três sites gratuitos em mobirisesite.com, e um domínio próprio ali exige o plano BASE ou GROW.
Posso trabalhar com temas Bootstrap offline?
Sim, no aplicativo instalado no Windows, macOS ou Linux, desde que o tema já esteja no seu computador. Baixar um tema novo exige conexão, assim como a IA, a publicação, o login e a compra de um plano.
Crie sua primeira página hoje
Comece com IA no navegador ou baixe o aplicativo gratuito. Nos dois casos, é o mesmo Mobirise.