Pico CSS

Apunta HTML semántico plano (<button>, <article>, <nav>, <table>) y ya se ve prolijo, sin agregar una sola clase. Útil para prototipos, formularios internos o documentación donde no vale la pena montar un design system.

Instalación

pnpmbunnpm

pnpm add @picocss/pico

bun add @picocss/pico

npm install @picocss/pico

Configuración inicial

main.ts

import "@picocss/pico/css/pico.min.css"

O vía CDN:

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
/>

Tips

• Trae variantes de color (pico.amber.min.css, etc.) y clases utilitarias mínimas (.grid, .container) para los casos donde el HTML semántico no alcanza.
• No compite con Tailwind/Bootstrap en flexibilidad — la propuesta es justamente no tener que decidir clases.