El Elefante en la Habitación: Radix Ya No Se Mantiene
Si estás usando Radix UI en 2026, tenemos noticias importantes: los creadores de Radix UI anunciaron que la librería ya no está siendo mantenida activamente.
Esto significa que proyectos construidos sobre Radix UI pueden enfrentar problemas de compatibilidad futura o requerir migración a alternativas como React Aria o Base UI.
¿Por qué pasó esto? Los creadores de Radix ahora trabajan en Base UI, una evolución más moderna del enfoque headless.
El Nuevo Mapa del Ecosistema
En 2026, el ecosistema de componentes React se divide en tres categorías:
1. Headless (Solo Lógica)
- Base UI - De los creadores de Radix, Material UI y Floating UI
- React Aria - De Adobe, 130M+ descargas/mes
- Headless UI - Del equipo de Tailwind
2. Copy-Paste (Código Tuyo)
- shadcn/ui - El rey indiscutible de 2025-2026
3. Styled (Listos para Usar)
- React Spectrum - De Adobe, sobre React Aria
- Mantine - Popular para dashboards
- Chakra UI - Buena DX, menos popular que antes
shadcn/ui: Por Qué Ganó
shadcn/ui no es una librería de componentes tradicional. Es cómo construyes tu propia librería de componentes.
La diferencia clave: en librerías tradicionales instalas un paquete de NPM e importas componentes. Cuando necesitas personalizar algo, terminas wrapeando componentes o escribiendo workarounds para sobrescribir estilos.
Con shadcn/ui, el código es tuyo desde el inicio. Lo copias a tu proyecto y lo modificas directamente.
Los Principios de shadcn/ui
- Open Code: La capa superior del código está abierta para modificación
- Composition: Cada componente usa una interfaz común y composable
- Distribution: Schema flat-file y CLI para distribuir componentes fácilmente
- Beautiful Defaults: Estilos por defecto cuidadosamente elegidos
shadcn/create: Personaliza Todo
En ui.shadcn.com/create puedes crear tu propia versión de shadcn/ui:
| Opción | Ejemplos | |--------|----------| | Component Library | Radix UI, Base UI | | Visual Style | Vega, Nova, Maia, Lyra, Mira | | Base Color | Neutral, Slate, Gray, Zinc | | Icons | Lucide, Tabler, HugeIcons | | Fonts | Inter, y otros | | Spacing/Radius | Presets configurables |
El wizard incluye botón "Shuffle" para configuración aleatoria y "Create Project" para generar tu setup personalizado.
AI-Native por Diseño
shadcn/ui está diseñado para que herramientas de AI trabajen con tu código. Su código abierto y API consistente permiten que modelos de AI lean, entiendan y generen nuevos componentes que se integran con tu sistema existente.
Nuevos Componentes (Octubre 2025)
Siete componentes reutilizables fueron añadidos:
| Componente | Descripción | |------------|-------------| | Spinner | Indicador de estado de carga | | Kbd | Display de teclas de teclado | | Button Group | Acciones de botones agrupadas | | Input Group | Inputs mejorados con íconos, botones y labels | | Field | Componente universal para campos de formulario | | Item | Contenedor flexible para display de contenido | | Empty | Componente de estado vacío |
Enero 2026: Documentación Completa de Base UI
shadcn lanzó documentación completa para componentes Base UI:
- Docs para todos los componentes con uso, props y ejemplos
- Ejemplos reconstruidos para ambas librerías (Radix y Base UI)
- Comparación lado a lado mostrando diferencias de implementación
Ecosistema: shadcndesign (Figma)
Para diseñadores, existe shadcndesign.com (tercero, no oficial):
- Figma Kit: 2,000+ componentes que replican shadcn/ui
- Plugin Figma: Convierte diseños a código shadcn/ui
- Pro Blocks: Componentes pre-construidos para landing pages y e-commerce
El creador de shadcn lo endorsó: "Si yo construyera un kit de Figma, esto es lo que hubiera construido."
Base UI: El Futuro
Base UI viene de los creadores de Radix, Material UI y Floating UI. Representa la evolución del enfoque headless.
Por Qué Base UI Sobre Radix
| Aspecto | Radix | Base UI | |---------|-------|---------| | Mantenimiento | Abandonado | Activo, equipo full-time | | API | Compound components | Más explícita y limpia | | Componentes | Básicos | Incluye combobox, multi-select | | Boilerplate | Más | Menos |
Cuándo Usar Base UI
- Proyectos nuevos que necesitan headless
- Migrando desde Radix
- Quieres la mejor DX con control total
React Aria: La Opción Enterprise
React Aria de Adobe es probablemente la librería de componentes más completa para accesibilidad. Con 130M+ descargas mensuales, es la elección de equipos que necesitan WCAG compliance sin compromisos.
Qué Incluye
- Cumplimiento WAI-ARIA completo
- Soporte para 30+ idiomas (incluyendo RTL)
- Keyboard navigation en todo
- Screen reader tested en múltiples dispositivos
- Internacionalización de fechas y números
Cuándo Usar React Aria
- Aplicaciones enterprise con requisitos de accesibilidad
- Productos que necesitan i18n completo
- Equipos con capacidad de estilizar desde cero
- Cuando la accesibilidad es requisito legal
Headless UI: La Opción Tailwind
Del equipo de Tailwind, Headless UI es la opción natural si ya usas Tailwind CSS. Maneja accesibilidad, keyboard nav y state mientras tú manejas los estilos.
Ventajas
- Integración perfecta con Tailwind
- API simple y predecible
- Mantenido por el equipo de Tailwind
Desventajas
- Menos componentes que React Aria
- Menos opciones de personalización que Base UI
Guía de Decisión
¿Necesitas WCAG compliance estricto?
├── Sí → React Aria
└── No
├── ¿Quieres código copy-paste?
│ └── Sí → shadcn/ui
└── ¿Necesitas headless puro?
├── ¿Ya usas Tailwind?
│ └── Sí → Headless UI
└── No → Base UI
Migrando Desde Radix
Si tienes un proyecto con Radix UI, tienes tres opciones:
Opción 1: Quedarte (Corto Plazo)
Radix sigue funcionando. No hay urgencia de migrar si todo funciona. Pero no esperes nuevas features ni fixes de bugs.
Opción 2: Migrar a Base UI
La migración más directa. Las APIs son similares pero con diferencias:
// Radix
<Dialog.Root>
<Dialog.Trigger asChild>
<button>Open</button>
</Dialog.Trigger>
</Dialog.Root>
// Base UI
<Dialog.Root>
<Dialog.Trigger render={<button />}>
Open
</Dialog.Trigger>
</Dialog.Root>
Opción 3: Migrar a shadcn/ui
Si ya usas Tailwind, esta es la migración más práctica. shadcn/ui ahora soporta Base UI como base, así que obtienes lo mejor de ambos mundos.
Nuestra Recomendación
Para proyectos nuevos en 2026:
- Si usas Tailwind: shadcn/ui con Base UI como base
- Si necesitas accesibilidad enterprise: React Aria + tu propio styling
- Si quieres máximo control: Base UI directo
Para proyectos existentes con Radix:
- Si funciona bien: No migres todavía, pero planifica
- Si necesitas nuevas features: Considera shadcn/ui o Base UI
- Si tienes requisitos de accesibilidad: Evalúa React Aria
Conclusión
El ecosistema de componentes React en 2026 es más maduro que nunca. La muerte de Radix fue un shock, pero abrió paso a mejores alternativas.
shadcn/ui demostró que el enfoque copy-paste tiene sentido. Base UI trae las lecciones aprendidas de Radix. Y React Aria sigue siendo el estándar de oro para accesibilidad.
La pregunta ya no es "¿qué librería usar?" sino "¿qué nivel de control necesito?".
