Repolode
Enviar
arco-design

arco-design/arco-design

Biblioteca de componentes de UI para React con más de 60 componentes listos para usar, tokens de diseño personalizables y tipos de TypeScript, basada en el sistema Arco Design.

Ver en GitHubSitio web
Estrellas
5,757
Forks
725
Issues abiertos
375
Último commit
ayer

¿Qué es?

Arco Design for React es una biblioteca de componentes de UI que implementa el sistema Arco Design para aplicaciones React. Ofrece más de 60 componentes que se pueden usar sin configuración adicional y cubren los elementos habituales de consolas de administración y aplicaciones web empresariales.

La tematización se basa en tokens de diseño. Los desarrolladores pueden personalizarlos mediante less-loader o usar la plataforma Design Lab para crear y gestionar temas. El ecosistema también ofrece modo oscuro y un mercado de recursos reutilizables.

Todos los componentes están escritos en TypeScript, por lo que los proyectos que lo usan obtienen definiciones de tipos. El paquete se publica en npm como @arco-design/web-react, y el README indica que es compatible con IE/Edge 16+, Firefox, Chrome, Safari, Opera y Electron.

Funciones clave

  • 01Más de 60 componentes de React listos para usar
  • 02Tema personalizable mediante tokens de diseño y less-loader
  • 03Compatibilidad con el modo oscuro
  • 04Definiciones de tipos de TypeScript para todos los componentes
  • 05Instalable desde npm como @arco-design/web-react

Casos de uso

  • Crear consolas de administración y paneles de back office con React
  • Crear aplicaciones web empresariales que necesiten un sistema de diseño coherente
  • Aplicar una identidad de marca propia sobre un conjunto estándar de componentes

Inicio rápido

  1. 1

    Instala el paquete npm

    npm install @arco-design/web-react
  2. 2

    Importa el componente y la hoja de estilos y, a continuación, renderiza un Button

Temas

#react#ui-library#component-library#design-system#typescript#theming#arco-design#customize#ui

Preguntas frecuentes

¿Qué es arco-design?
Biblioteca de componentes de UI para React con más de 60 componentes listos para usar, tokens de diseño personalizables y tipos de TypeScript, basada en el sistema Arco Design. Arco Design for React es una biblioteca de componentes de UI que implementa el sistema Arco Design para aplicaciones React. Ofrece más de 60 componentes que se pueden usar sin configuración adicional y cubren los elementos habituales de consolas de administración y aplicaciones web empresariales.
¿arco-design es gratuito? ¿Qué licencia tiene?
arco-design es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿arco-design sigue mantenido?
Mantenimiento activo. El último commit de arco-design fue el 6 nov 2026.
¿Para qué puedo usar arco-design?
Crear consolas de administración y paneles de back office con React Crear aplicaciones web empresariales que necesiten un sistema de diseño coherente Aplicar una identidad de marca propia sobre un conjunto estándar de componentes
¿Cómo se instala arco-design?
Instala el paquete npm: npm install @arco-design/web-react Importa el componente y la hoja de estilos y, a continuación, renderiza un Button
¿Dónde consigo arco-design?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/arco-design/arco-design

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

Proyectos relacionados