Bootstrap Studio

Bootstrap Studio

Um poderoso aplicativo de desktop para criar sites responsivos usando o framework Bootstrap.

O Bootstrap Studio é um poderoso aplicativo de desktop para criação de sites de prototipagem. Ele vem com muitos componentes internos, que você pode arrastar e soltar para montar páginas da Web responsivas. O aplicativo é construído sobre o framework Bootstrap, extremamente popular, e exporta um HTML limpo e semântico.

A interface

O Bootstrap Studio tem uma interface bonita e poderosa, que é construída em torno da simplicidade de arrastar e soltar. Isso torna a ferramenta perfeita para criar protótipos e projetar páginas da Web e aplicativos.

Modelos bonitos

O aplicativo vem com vários modelos premium, totalmente responsivos, que você pode personalizar. Cada modelo consiste em várias páginas e widgets que você pode escolher e combinar no site perfeito.

Componentes bonitos

O Bootstrap Studio vem com um grande número de componentes bonitos para a construção de páginas responsivas. Ele inclui cabeçalhos, rodapés, galerias, apresentações de slides e até mesmo elementos básicos, como spans e divs. Veja alguns deles abaixo:

Arrastar e soltar inteligentes

O Bootstrap Studio sabe quais componentes do Bootstrap podem ser aninhados uns nos outros e fornece sugestões. Ele gera automaticamente um HTML bonito para você, que parece ter sido escrito à mão por um especialista.

Biblioteca on-line

Se você precisar de um componente que não existe na biblioteca, basta clicar na guia online no painel de componentes. Lá você encontrará milhares de componentes construídos e compartilhados pela comunidade. Você também pode enviar o seu próprio.

Crie seus próprios componentes

Você pode extrair partes de seus desenhos como Componentes Personalizados e tê-los prontos para serem soltos em qualquer desenho que você criar. Você também pode exportar esses componentes como arquivos e compartilhá-los.

Componentes Vinculados

Este é um poderoso recurso que permite sincronizar componentes, portanto, a alteração de um, automaticamente altera o outro. Isso é especialmente útil para coisas como cabeçalhos e rodapés que você precisa atualizar nas páginas.

Visualização em tempo real

O Bootstrap Studio possui um poderoso recurso chamado Preview. Com ele, você pode abrir seu design em vários navegadores e dispositivos, e todas as alterações feitas no aplicativo serão exibidas instantaneamente em todos os lugares. 

Código de Edição

Para algumas coisas, arrastar e soltar não é suficiente. É por isso que o Bootstrap Studio oferece controle total sobre sua marcação quando você precisa. Você pode importar e editar CSS, SASS, JavaScript e HTML no editor Sublime Text-like.

Editores avançados de CSS e SASS

A avançada interface de edição de CSS oferece suporte a sugestões automáticas e validação de regras, além de mostrar as regras ativas e herdadas a qualquer momento. 

Edição HTML

Com o poderoso componente Custom Code, você pode escrever HTML diretamente, sem passar pela interface de arrastar e soltar. Você também pode converter qualquer parte de sua página em Código personalizado quando precisar.

Edição de JavaScript

Escreva em JavaScript no editor Sublime Text-like. Todas as suas alterações são sincronizadas com a visualização, para que você possa escrever código e testá-lo sem precisar recarregar o navegador.

Importar sites existentes

Se você tem um site que você desenvolveu anteriormente, você pode importá-lo. Basta arrastar e soltar os arquivos HTML, CSS, JS e imagens no Bootstrap Studio e eles serão adicionados ao seu projeto.

Ainda mais recursos

O Bootstrap Studio é um revolucionário construtor de sites. Com seus recursos de produtividade e ferramentas especializadas do Bootstrap, você pode criar tudo, desde um protótipo até um site totalmente funcional.

Construído para Bootstrap 3 e 4

O Bootstrap Studio sabe como construir uma página Bootstrap válida e grava automaticamente o HTML correto. Ele suporta Bootstrap 3 e Bootstrap 4 e você pode converter seus projetos de um para o outro.

Publicação com um clique

Você pode exportar seu design como um site estático ou publicá-lo com um clique na próxima plataforma de hospedagem. Oferece HTTPS, domínios personalizados e chaves de acesso.

Ferramentas Grid

O aplicativo possui ferramentas especializadas para trabalhar com a grade do Bootstrap. Crie, redimensione e desloque colunas com facilidade e aplique classes de visibilidade responsivas.

Animações suaves

Nesse aplicativo, você pode criar animações CSS suaves que são acionadas na rolagem do navegador ou no foco. Também temos um componente Parallax especial para lindos fundos de imagem.

Webfonts do Google

O Bootstrap Studio é integrado ao Google Webfonts e oferece uma maneira fácil de importar e gerenciar suas fontes. Os nomes das famílias de fontes são até mesmo sugeridos automaticamente no editor css.

Recursos de produtividade

O Bootstrap Studio possui suporte abrangente para atalhos de teclado que permitem acelerar o fluxo de trabalho de forma drástica.

Temas e ícones

O aplicativo tem vários temas incorporados do Bootstrap, fontes de ícones, modelos e componentes, que você pode combinar em designs bonitos e exclusivos.

Requisitos de sistema

Windows 7 e versões superiores

MacOS 10.9 e versões superiores 

Linux (incluindo Ubuntu, Debian e Fedora)

O SO Chrome não é suportado