Minimalismo en código y diseño
Diseñado de manera minimalista para desarrolladores modernos y sus agentes de IA
Componentes de React para crear tu propio sistema de diseño de manera sencilla. El código vive en tu repo, así que tu IA lo lee como cualquier otro archivo.
Ejemplos en vivo
No hay una librería abajo
La mayoría de los catálogos son una capa de estilos sobre un kit headless que también tenés que instalar. Estos están escritos desde cero, y cada panel de abajo es el componente real corriendo en esta página.
Destacado
Un panel de dashboard con cuatro slots y sin librería de gráficos
Contribution History es una sola Card compuesta por los slots de header, content y footer. Las barras son divs con alturas basadas en tokens: leelo de arriba a abajo y cambiá la línea que quieras.
- Card.Header
- Card.Content
- Card.Footer
- Button
Contribution History
Last 6 months of activity
Registro de elementos UI
49 elementos UI, listos para copiar
Todos los primitivos de NachUI. Accesibles, personalizables, tuyos desde el momento en que los pegás y legibles para cualquier agente que trabaje en tu código.
Asistente integrado
Conocé al asistente de IA de NachUI
Cada página de la documentación viene con un asistente que leyó todo el código. Preguntale qué hace un componente, cómo componerlo o por qué existe un token. Responde desde el código real, no adivinando.
- Lee el código
- Cada respuesta sale de los componentes, tokens y docs de este repo.
- Explica en contexto
- Tocá “Explain this” en cualquier página y sigue justo donde estás leyendo.
- Compone por vos
- Pedile un layout y te devuelve código que usa tus propios primitivos.
- O traé tu propio agente
- La misma documentación se sirve como llms.txt y markdown crudo, así Claude, Cursor o Windsurf pueden leerla directo desde la fuente.
mcp
Conectalo una vez.Tu agente se queda con todo el catálogo.
Apuntá cualquier cliente MCP al servidor y tu agente puede listar el catálogo, traer el código real de un componente y leer la documentación antes de escribir una línea. El mismo copiar y pegar de siempre, sin la parte donde inventa un componente que no existe.
mcp.json
{ "mcpServers": { "nachui": { "command": "npx", "args": ["-y", "nachui-mcp"] } }}list_componentsTodos los componentes del registro, con los paquetes npm que necesitan.get_componentEl código de un componente, el mismo archivo que copiarías a mano.search_docsBúsqueda semántica sobre la documentación, en inglés o español.get_docUna página entera de la documentación en markdown, cuando un fragmento no alcanza.
No instala nada ni deja nada corriendo. Cuatro herramientas de lectura sobre el mismo registro que usa la documentación.
MIT