Repolode
Enviar
jgthms

jgthms/bulma

Bulma es un framework CSS moderno basado en Flexbox que ofrece una hoja de estilos con componentes y clases de diseño listos para usar, sin JavaScript.

Alternativa open source a:BootstrapTailwind CSS

Ver en GitHubSitio web
Estrellas
50,037
Forks
3,870
Issues abiertos
532
Último commit
el mes pasado

¿Qué es?

Bulma es un framework CSS basado en Flexbox. Su único resultado es un archivo CSS que puedes usar tal cual o personalizar descargando el código fuente de Sass y modificando sus variables. Se puede instalar con npm, Yarn o Bower, o cargar desde un CDN.

Bulma no incluye JavaScript. Es solo una capa de estilos, por lo que funciona con cualquier framework o sin ninguno; los desarrolladores añaden sus propios scripts para implementar comportamientos interactivos. Es compatible con versiones recientes de Chrome, Edge, Firefox, Opera y Safari. Para versiones anteriores, autoprefixer se encarga de la compatibilidad con Flexbox; Internet Explorer 10+ solo tiene compatibilidad parcial.

El proyecto cuenta con un ecosistema de temas y wrappers de la comunidad, que incluye integraciones para React, Vue, Svelte, Angular, Django y Rails.

Funciones clave

  • 01Sistema de diseño basado en Flexbox
  • 02Se distribuye como un único archivo CSS, sin dependencias de JavaScript
  • 03Personalizable mediante variables de Sass
  • 04Se puede instalar con npm, Yarn, Bower o desde un CDN
  • 05Compatibilidad con autoprefixer para ampliar la compatibilidad con navegadores

Casos de uso

  • Aplicar estilos a un sitio web estático o una página de destino sin escribir CSS desde cero
  • Añadir un estilo de interfaz coherente a una aplicación renderizada en el servidor con Django o Rails
  • Crear un tema personalizado a partir de las variables Sass de Bulma
  • Combinar una capa visual con un framework de JavaScript como React o Vue

Inicio rápido

  1. 1

    Instala Bulma desde npm

    npm install bulma
  2. 2

    Importa el archivo CSS en tu proyecto

    @import 'bulma/css/bulma.css'

Antes de usarlo

  • Bulma solo incluye CSS, no JavaScript, por lo que los componentes interactivos necesitan tu propio JS.
  • Internet Explorer 10 y versiones posteriores solo son compatibles parcialmente.

Temas

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

Preguntas frecuentes

¿Qué es bulma?
Bulma es un framework CSS moderno basado en Flexbox que ofrece una hoja de estilos con componentes y clases de diseño listos para usar, sin JavaScript. Bulma es un framework CSS basado en Flexbox. Su único resultado es un archivo CSS que puedes usar tal cual o personalizar descargando el código fuente de Sass y modificando sus variables. Se puede instalar con npm, Yarn o Bower, o cargar desde un CDN.
¿bulma es gratuito? ¿Qué licencia tiene?
bulma es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿bulma sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de bulma fue el 21 sept 2026.
¿Para qué puedo usar bulma?
Aplicar estilos a un sitio web estático o una página de destino sin escribir CSS desde cero Añadir un estilo de interfaz coherente a una aplicación renderizada en el servidor con Django o Rails Crear un tema personalizado a partir de las variables Sass de Bulma Combinar una capa visual con un framework de JavaScript como React o Vue
¿Cómo se instala bulma?
Instala Bulma desde npm: npm install bulma Importa el archivo CSS en tu proyecto: @import 'bulma/css/bulma.css'
¿Dónde consigo bulma?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/jgthms/bulma

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados