I7A UI es un kit de componentes de interfaz diseñado para copiar y pegar directamente en tus proyectos. Incluye componentes modernos creados con React, TypeScript y Tailwind, animaciones suaves con Framer Motion y estructuras bien organizadas para ayudarte a construir interfaces profesionales sin esfuerzo. Además, incorpora I7A Bot, un asistente inteligente integrado que ofrece funciones de IA listas para usar en cualquier sitio web.

Frontend / UI

React 19 y Next.js 16 (App Router, Server Components)
Tailwind 4 para estilos utilitarios y diseño responsive
TypeScript con tipado estricto en todos los componentes
Librerías auxiliares:
- clsx y tailwind-merge para composición de clases
- lucide-react para íconos escalables
Animaciones: framer-motion
Velite para gestión de content collections (MDX, docs, blog, etc.)

Arquitectura / Monorepo

Turborepo para la gestión y orquestación de paquetes
CLI propia: i7a-cli
- Construida con commander, fs-extra y picocolors
- Soporta comandos personalizados para scaffolding y automatización
- Empaquetada con tsup, ejecutada con tsx, y tipada con TypeScript

Documentación / Markdown / MDX

Integración de remark y rehype para procesar contenido:
- remark-gfm y remark-math para soporte de Markdown extendido
- rehype-slug y rehype-autolink-headings para enlaces automáticos
- rehype-pretty-code para resaltado de sintaxis
- rehype-katex para fórmulas matemáticas
Prism React Renderer para bloques de código personalizados

Testing / Lint / DevTools

ESLint configurado individualmente por paquete
Tipado consistente y validado en todos los componentes
Monitoreo de desarrollo con concurrently y scripts optimizados