14 de diciembre de 2024
I7A UI
Mi sistema de diseño y kit de componentes de código abierto para el ecosistema React.
Publicado por:
Después de meses afinando patrones, componiendo interfaces y reutilizando ideas de mis propios proyectos… quise transformar todo ese caos creativo en algo más claro, ordenado y escalable.
Así nació I7A UI:
un sistema de diseño abierto y un kit de componentes open source / open code, inspirado en herramientas como shadcn/ui, Base UI, Radix UI y Hero UI, construido con Tailwind + Framer Motion y pensado específicamente para React y Next.js.
No es una librería.
No es un paquete de npm.
No es magia.
Es código real. Para copiar, pegar, modificar y hacer tuyo.
¿Qué hace diferente a I7A UI?
Propiedad Total
Acá no instalás nada ni dependés de cajas negras.
Cada componente vive dentro de tu código.
Lo ves, lo tocás, lo editás.
Si algo no te convence, lo cambiás sin pelearte con las abstracciones de otros.
Un Diseño Unificado
Todos los componentes comparten el mismo lenguaje visual y técnico:
- APIs consistentes
- estilos coherentes
- patrones previsibles
Nada de mezclar piezas que no se llevan bien entre sí.
Copiar, pegar y a construir
Usa herramientas que todos manejamos:
- clsx
- class-variance-authority
- tailwind-merge
Integrarlo es tan simple como copiar un archivo y empezar a usarlo.
Una Estructura que Escala
Los componentes están organizados para crecer con tu proyecto:
ordenados, modularizados y pensados para convivir entre sí sin fricción.
Animaciones listas con Framer Motion
Cada componente viene con animaciones cuidadas: suaves, elegantes y performantes.
Un Proyecto Indie
I7A UI no quiere ser “la próxima gran librería”.
Es un proyecto independiente, honesto y construido con amor al frontend.
No hay empresa atrás. No hay marketing.
Solo código, diseño y ganas de compartir.
Nativo para IA
El código está escrito de forma clara y consistente, ideal para que cualquier herramienta de IA pueda:
- generar variaciones,
- sugerir mejoras,
- o crear nuevos componentes siguiendo el mismo sistema.
¿Por qué lo hice?
Primero, por diversión.
Segundo, Porque estaba cansado de reinventar botones, modales y layouts desde cero.
Tercero, Porque quería velocidad, coherencia y una identidad visual propia.
Y por ultimo, porque prefiero un sistema que controlo yo, antes que depender de un paquete más en npm.
I7A UI es mi forma de crear un sistema de diseño real, flexible, accesible y totalmente abierto.
Si te interesa ver el progreso, dar feedback o colaborar, sos más que bienvenido.
Esto recién empieza. ✨