Repolode
Enviar
radix-ui

radix-ui/primitives

Conjunto open source de primitivas de UI accesibles y sin estilos para React, pensado para crear sistemas de diseño y aplicaciones web.

Ver en GitHubSitio web
Estrellas
19,415
Forks
1,277
Issues abiertos
240
Último commit
hace 7 días

¿Qué es?

Radix Primitives es una biblioteca de componentes de UI de bajo nivel para React, centrada en la accesibilidad, la personalización y la experiencia de desarrollo. Ofrece componentes fundamentales como diálogos, popovers, menús, pestañas y controles de formulario, que gestionan comportamientos complejos como el control del foco y la navegación con teclado.

Los componentes están diseñados para servir como capa base de un sistema de diseño. Los desarrolladores pueden aplicar sus propios estilos o incorporar las primitivas de forma gradual a una base de código existente, en lugar de reemplazarlo todo de una vez.

El proyecto es un monorepo de TypeScript gestionado con pnpm. La documentación, las notas de versión y las pautas de contribución se mantienen en el sitio web del proyecto y en su repositorio.

Funciones clave

  • 01Componentes accesibles que gestionan el foco y la navegación con teclado.
  • 02Bloques de construcción sin estilos, para personalizar por completo el diseño visual.
  • 03Se puede incorporar de forma gradual junto con una base de código de React existente.
  • 04Escrito en TypeScript para proyectos de React.

Casos de uso

  • Crear un sistema de diseño personalizado sobre componentes base accesibles.
  • Añadir diálogos, menús o popovers a una aplicación web de React sin tener que implementar desde cero la lógica del foco.
  • Modernizar de forma gradual la capa de UI de una aplicación de React existente.

Inicio rápido

  1. 1

    Instala pnpm globalmente

    npm install -g pnpm
  2. 2

    Instala las dependencias del proyecto

    pnpm install

Antes de usarlo

  • El README solo explica cómo configurar el entorno para contribuir al monorepo; el uso de paquetes individuales está documentado en el sitio externo de documentación.

Temas

#react#ui-components#accessibility#design-system#typescript#headless-ui#colors#component-library#design-systems#radix-ui

Preguntas frecuentes

¿Qué es primitives?
Conjunto open source de primitivas de UI accesibles y sin estilos para React, pensado para crear sistemas de diseño y aplicaciones web. Radix Primitives es una biblioteca de componentes de UI de bajo nivel para React, centrada en la accesibilidad, la personalización y la experiencia de desarrollo. Ofrece componentes fundamentales como diálogos, popovers, menús, pestañas y controles de formulario, que gestionan comportamientos complejos como el control del foco y la navegación con teclado.
¿primitives es gratuito? ¿Qué licencia tiene?
primitives es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿primitives sigue mantenido?
Mantenimiento activo. El último commit de primitives fue el 14 oct 2026.
¿Para qué puedo usar primitives?
Crear un sistema de diseño personalizado sobre componentes base accesibles. Añadir diálogos, menús o popovers a una aplicación web de React sin tener que implementar desde cero la lógica del foco. Modernizar de forma gradual la capa de UI de una aplicación de React existente.
¿Cómo se instala primitives?
Instala pnpm globalmente: npm install -g pnpm Instala las dependencias del proyecto: pnpm install
¿Dónde consigo primitives?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/radix-ui/primitives

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados