Preline UI

Alternativa a Flowbite con más componentes de tipo “aplicación” (sidebars, steps, file upload) además de los básicos. El JS es un solo paquete propio, sin dependencias externas.

Instalación

pnpmbunnpm

pnpm add preline

bun add preline

npm install preline

Configuración inicial

tailwind.config.js

module.exports = {
  content: ["./node_modules/preline/dist/*.js" /* ...resto del content */],
  plugins: [require("preline/plugin")]
}

main.ts

import "preline/preline.js"

Con navegación tipo SPA (Astro view transitions, React Router) hay que re-inicializar los componentes tras cada cambio de página:

window.HSStaticMethods.autoInit()

Tips

• Los ejemplos de la doc son copiables directo en HTML — no requieren componente ni build step propio.
• data-hs-* es el prefijo de los atributos que controlan cada componente (equivalente a los data-* de Flowbite).