14 de diciembre de 2024
NachUI
Mi sistema de diseño y kit de componentes de código abierto para el ecosistema React.
Publicado por:
figueroaignacioDesarrollador Fullstack & Estudiante de Programación
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ó NachUI:
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.
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.
No es un paquete de npm.
No es magia.
Es código real. Para copiar, pegar, modificar y hacer tuyo.
¿Qué hace diferente a NachUI?
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.
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.
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
NachUI no quiere ser “la próxima gran librería”.
Es un proyecto independiente, honesto y construido con amor al frontend.
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.
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.
NachUI 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. ✨
Esto recién empieza. ✨