I7A UI

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