Bulma

Solo CSS: cero JavaScript propio, así que interactividad (dropdowns, modales, navbar burger) hay que cablearla a mano con unas pocas líneas. A cambio, el HTML queda muy legible (box, card, notification, tag).

Instalación

pnpmbunnpm

pnpm add bulma

bun add bulma

npm install bulma

Configuración inicial

main.ts

import "bulma/css/bulma.min.css"

Para personalizar variables (colores, tipografía) hace falta compilar desde el Sass fuente en vez de importar el .css ya compilado:

custom.scss

@use "bulma/sass" with (
  $primary: #7c3aed
);

Tips

• El componente navbar-burger (menú móvil) necesita el toggle de la clase is-active escrito a mano — no viene con JS incluido.
• Buena opción cuando se quiere evitar Tailwind pero tampoco se quiere el peso de Bootstrap con su JS.