Repolode
Enviar
jgthms

jgthms/bulma

Bulma é um framework CSS moderno baseado em Flexbox, com uma folha de estilos única que reúne componentes prontos e classes de layout, sem JavaScript.

Alternativa open source a:BootstrapTailwind CSS

Ver no GitHubSite
Estrelas
50,037
Forks
3,870
Issues abertas
532
Último commit
mês passado

O que é?

Bulma é um framework CSS baseado em Flexbox. Seu único artefato é um arquivo CSS que você pode usar como está ou personalizar baixando o código-fonte Sass e alterando as variáveis. Ele pode ser instalado via npm, Yarn ou Bower, ou carregado por um CDN.

Bulma não inclui JavaScript. É apenas uma camada de estilos, então funciona com qualquer framework — ou sem nenhum —, e os desenvolvedores adicionam seus próprios scripts para implementar comportamentos interativos. O suporte a navegadores abrange versões recentes do Chrome, Edge, Firefox, Opera e Safari, enquanto o autoprefixer cuida da compatibilidade do Flexbox com versões anteriores; o Internet Explorer 10+ tem suporte apenas parcial.

O projeto conta com um ecossistema de temas e wrappers da comunidade, incluindo integrações para React, Vue, Svelte, Angular, Django e Rails.

Recursos principais

  • 01Sistema de layout baseado em Flexbox
  • 02Distribuído como um único arquivo CSS, sem dependência de JavaScript
  • 03Personalizável por meio de variáveis Sass
  • 04Instalável via npm, Yarn, Bower ou CDN
  • 05Suporte a autoprefixer para ampliar a compatibilidade com navegadores

Casos de uso

  • Estilizar um site estático ou uma landing page sem escrever CSS do zero
  • Adicionar um estilo visual consistente a um app renderizado no servidor com Django ou Rails
  • Criar um tema personalizado com base nas variáveis Sass do Bulma
  • Combinar uma camada visual com um framework JavaScript, como React ou Vue

Início rápido

  1. 1

    Instale o Bulma pelo npm

    npm install bulma
  2. 2

    Importe o arquivo CSS para o seu projeto

    @import 'bulma/css/bulma.css'

Antes de usar

  • O Bulma inclui apenas CSS, sem JavaScript. Por isso, os componentes interativos precisam do seu próprio JS.
  • O Internet Explorer 10 e versões posteriores têm suporte apenas parcial.

Tópicos

#css#css-framework#flexbox#sass#frontend-styling#responsive-design#design#html

Perguntas frequentes

O que é bulma?
Bulma é um framework CSS moderno baseado em Flexbox, com uma folha de estilos única que reúne componentes prontos e classes de layout, sem JavaScript. Bulma é um framework CSS baseado em Flexbox. Seu único artefato é um arquivo CSS que você pode usar como está ou personalizar baixando o código-fonte Sass e alterando as variáveis. Ele pode ser instalado via npm, Yarn ou Bower, ou carregado por um CDN.
bulma é gratuito? Qual é a licença?
bulma é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
bulma ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de bulma foi em 21 de set. de 2026.
Para que posso usar bulma?
Estilizar um site estático ou uma landing page sem escrever CSS do zero Adicionar um estilo visual consistente a um app renderizado no servidor com Django ou Rails Criar um tema personalizado com base nas variáveis Sass do Bulma Combinar uma camada visual com um framework JavaScript, como React ou Vue
Como instalar bulma?
Instale o Bulma pelo npm: npm install bulma Importe o arquivo CSS para o seu projeto: @import 'bulma/css/bulma.css'
Onde consigo bulma?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/jgthms/bulma

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados