sebs7n-ui0.1.0
v0.1.0

El design system de una sola dependencia.

Geist —el lenguaje visual de Vercel— sobre las primitivas de shadcn/ui base-nova (Base UI). 37 componentes accesibles, tokens de color, tipografía, radios y sombras, y tres variables para el color de marca.

EmpezarVer los componentes
pnpm add sebs7n-ui @base-ui/react next-themes sonner geist

Por qué existe

Una dependencia
No se copian archivos al repo de la app. Se instala, se importa y se actualiza con una versión.
Tailwind v4, sin config
Los tokens son variables CSS y utilidades de @theme. No hay tailwind.config.js en ninguna app.
Tres variables de marca
Lo único que cambia entre productos. De ahí sale la escala brand-100…1000 y su contraste.
Accesible por contrato
Foco visible siempre, Escape que devuelve el foco, y el contraste AA verificado por tests, no a ojo.
Server Components
Las variantes y los componentes sin estado no llevan "use client": el import por subpath baja 21 % el JS.
Legible para un agente
Cada página también se sirve como .md, con llms.txt en la raíz y un registry con formato shadcn.

Los que más se usan

AppShell
El layout de un panel: sidebar sticky desde lg y, debajo, una barra de 56px con hamburguesa.
Badge
Etiqueta de estado: nueve colores en tono suave, dos en sólido, con punto opcional.
Button
La acción. Siete variantes, seis tamaños, estado de carga y forma de píldora para marketing.
Card
La superficie que agrupa: cabecera, contenido, pie y acción. Dos variantes, dos tamaños, interactiva y seleccionable.
Combobox
Picker con búsqueda: el valor tiene que ser uno de la lista. Simple, múltiple con chips y async.
Dialog
Una tarea corta encima de la página, sin perder el contexto de atrás.
Ver los 37 →

Para un agente

Todo el sitio está disponible en texto plano. Cada página responde en markdown si le agregás .md a la URL.

/llms.txtEl índice completo, con una línea por página.
/llms-full.txtTodo el sitio concatenado, en un solo archivo.
/docs/components/button.mdCualquier página como markdown.
/r/registry.jsonEl registry con formato shadcn.
pnpm dlx shadcn@latest add https://ui.sebastianfermanelli.com/r/button.json