is now part of Shuffle™. You can use the editor on this domain, but we encourage you to try Shuffle.dev. Shuffle™ includes templates for Bootstrap, Bulma, Material-UI, and Tailwind CSS.

Redirecting to PayPal

Hot icon Produto do dia na Product Hunt (1,000+ votos)
  Hot icon Destaque na Hacker News (235 votos)

Crie um modelo de Bootstrap em poucos minutos!

Os desenvolvedores usam os recursos do nosso editor ao trabalhar com o Bootstrap 5 para acelerar o processo de desenvolvimento de projetos front‑end.

Versão Demo Registrar-se

"Esses editores tornam a criação de modelos de Bootstrap bastante rápida."

Bootstrap Shuffle - Bootstrap builder for busy developers | Product Hunt Embed

"O editor de Bootstrap mais popular.
Mais de 1,000+ apoiantes!"

"Gostaria de saber sobre a Bootstrap Shuffle quando iniciei meu último projeto."

"Pode investir neste produto sem hesitar."

Acelere o processo de desenvolvimento em três etapas fáceis

Arraste e solte. Customize. Melhore o seu IDE favorito.

01

Selecione os componentes UI apropriados

Utilize componentes Bootstrap de produção de uma biblioteca multifuncional agrupada nas 20 categorias mais populares.:

Bootstrap styles panel
02

Adapte os estilos Bootstrap

Temos mais de 500 variáveis ​​de Bootstrap em categorias temáticas relacionadas para permitir que você trabalhe com eficiência.

03

Baixe o código-fonte

O Bootstrap Shuffle fornece códigos-fonte para ferramentas que os desenvolvedores conhecem e adoram. Depois de selecionar os componentes e as configurações apropriadas do Bootstrap, você pode baixar os arquivos de origem para, por exemplo, começar a conectar o front-end ao back-end.

Bootstrap

Bootstrap
5

Star
Bootstrap

Bootstrap Material
4.1.1

Star
Sass Logo

Sass

Star
Pug logo

Pug

Star

Vídeo: Crie um novo modelo de Bootstrap em 6 minutos.

Veja o Bootstrap Shuffle em ação.

Editor de bootstrap para desenvolvedores ocupados

Fácil de usar

Sabemos como é valioso o tempo do desenvolvedor. Nós trabalhamos duro para tornar nosso editor fácil de usar, sem exigir qualquer treinamento.

Biblioteca de componentes

Crie modelos a partir de centenas de componentes agrupados em 20 categorias usadas com frequência. Essas categorias incluem navegação, hero image e mais.

Compilação Sass online

O Bootstrap 5 fornece muitas opções de configuração. Nosso painel de mudança de estilo exibe essas opções nas categorias relacionadas tematicamente. Isso permitirá um trabalho efetivo.

Amostradores convenientes

Todos os tipos de configurações incluem uma interface para uma seleção mais rápida de valores (ferramentas para escolher cores, coleções de fontes do Google, criador de sombreamento etc.). Tudo para a sua conveniência!

Edição ao vivo

Ao alterar as configurações de estilo, o código CSS é compilado em tempo real. Acompanhe as alterações na exibição ao vivo.

Compartilhar visualização

Compartilhe o projeto preparado com outros membros da equipe ou use o link para verificar o projeto em dispositivos móveis.

Fontes para download

O Bootstrap Shuffle é uma ferramenta para desenvolvedores. Nosso objetivo é acelerar o seu trabalho. Você pode baixar códigos-fonte para, por exemplo, começar a combinar front-end com back-end.

Apenas Bootstrap

​​Não usamos nenhuma dependência externa, além daquelas usadas pelo Bootstrap 5.

#1 Pacote Premium

Os desenvolvedores geralmente não têm tempo para implementar o design com perfeição.

Por isso, criamos um editor que o ajudará a passar mais rapidamente da criação de um layout para o estágio de refinamento. Para que você tenha tempo para trabalhar os detalhes.

Registre-se

Desbloqueie todas as opções de configuração e mais de 230+ componentes UI para criar modelos impecáveis ​​de Bootstrap

O plano selecionado inclui acesso vitalíciomensal ao Shuffle™. Todos os preços incluem IVA.

Uma licença vitalícia é melhor para quem cria vários projetos por ano.

Uma assinatura mensal é melhor para aqueles que atualmente estão planejando apenas um projeto.

Compre uma assinatura mensal

Compre uma licença vitalícia

Salve qualquer quantidade de projetos para mais tarde.
230+ componentes UI prontos para uso.
Funciona com o Bootstrap 5 e o Design de Materiais para o Bootstrap 4.1.1.
Acesso ao Tailwind Builder e Bulma Builder sem custos adicionais (acesso no valor de $447$72/mês).

Product Roadmap 20/21

November 2020

✅   Release of the Metis Shuffle, our second custom-made UI component library for Tailwind Builder .

✅   Visual Studio Code extension that allows you to use all our components from within the editor. Please sign in and follow the instruction in the "Account -> VSC Extension" menu to install it.

December 2020

✅   Bootstrap 5 support.

✅   Port of the Metis Shuffle library for Bootstrap 5.

✅   Port of the Metis Shuffle for Bulma CSS (Bulma Builder ).

January 2021

✅   We combined all our editors into one product: Shuffle .

All accounts and projects were transferred automatically. You can sign in to Shuffle using the same login details as to Bootstrap Shuffle.

Q1 2021

Visual Editor v2.

A marketplace for creators to share their templates and design systems.

Figma-style team work.