@estartando/ui weekly downloads statistics

@estartando/ui

Plugin Tailwind CSS modular inspirado no daisyUI, alinhado ao design system do Estartando Devs.

Instalação

Requisitos

• Tailwind CSS v4 ou superior. Este plugin não é compatível com versões anteriores.

Uso

Opções

Componentes

Botão

Variantes: btn-primary btn-secondary btn-accent btn-destructive btn-success btn-warning btn-info Modificadores: btn-outline btn-ghost btn-link btn-cta btn-block Tamanhos: btn-xs btn-sm btn-md btn-lg

Input

Variantes: input-primary input-accent input-success input-error input-ghost input-card

Card

Variantes: card-hover card-elevated card-bordered card-glass card-compact card-side

Temas

Alterne entre dark e light via atributo data-theme:

Subpath Imports

Importe partes individuais do plugin:

Estrutura

Publicação no npm

A publicação é gerenciada na raiz do monorepo usando Bun.

Escalabilidade

Para adicionar novos componentes:

1. Crie components/badge.js exportando uma função que retorna CSS-in-JS 2. Importe e spread em components/index.js 3. Pronto — o plugin injeta automaticamente

Para novos temas:

1. Crie themes/ocean.js com os tokens 2. Registre em themes/index.js sob [data-theme='ocean']

Changelog

Veja CHANGELOG.md para histórico de versões.

Licença

MIT © EstartandoDevs