El conocimiento es el nuevo dinero.
Aprender es la nueva manera en la que inviertes
Acceso Cursos

Las 30 mejores bibliotecas de interfaz de usuario para ReactJS

30 Bibliotecas modernas. Todo en el mismo sitio

· 4 min de lectura
Las 30 mejores bibliotecas de interfaz de usuario para ReactJS

Elegir una buena biblioteca de interfaz de usuario es muy difícil. Porque es difícil predecir qué componentes faltan.

¿Quizás otra librería haría un buen trabajo?

Me enfrenté a este problema una y otra vez.

Por lo tanto, hoy he reunido 30 bibliotecas de interfaz de usuario para la construcción de aplicaciones React.

Tenemos todo tipo de librerías como Windows UI, MacOS UI, etc. Así que esta debería ser la última colección que necesitas.

¡Vamos a empezar!

Diseño Ant


Esta es una de las mejores (IMO) y más pulidas librerías UI disponibles para ReactJS.

Ant Design UI Library

Material UI


El Material UI favorito de todos.

Material UI 

Interfaz de usuario semántica


Un buen conjunto de componentes. Especialmente si estás construyendo aplicaciones de cuadros de mando.

Tiene algunos componentes inusuales (como rail) que no están disponibles en otras librerías.

Semantic UI React 

Charka UI


Un conjunto de elementos de interfaz de usuario pulidos

Chakra UI 

Mantine UI


Colección completa de componentes profesionales

Mantine UI 

React bootstrap


Esta es la versión react de nuestros conocidos componentes bootstrap. Parece anticuado. Pero muy popular.

Bootstrap 

Blueprint UI


Ofrece toneladas de personalización programática pero con un diseño muy minimalista para empezar.

Blueprint

Suite React


Conjunto completo de componentes. Similar al diseño Ant.

React suite

Interfaz de usuario fluida


Esta biblioteca es de Microsoft. Sirve para crear interfaces de usuario al estilo de Windows.

Fluent UI 

IU de los ojales


Tienen su propio estilo, que puede gustarte o no.

Grommet 

Revisión del diseño


Se parece a los componentes bootstrap. Pero mejor.

Design revision

Interfaz de usuario Evergreen


Otro conjunto de componentes de interfaz de usuario limpios.

Evergreen 

Visx

Airbnb diseña estos componentes. Tienen un estilo propio. Tiene muchos gráficos.

Visx

Interfaz de usuario sin cabeza


Una colección de componentes flotantes. Si no necesitas el conjunto completo y sólo buscas popovers, modals, etc, entonces esto es para ti.

Headless 

Rebass

Un conjunto de componentes con un estilo muy básico.

Rebass


Next UI

Una biblioteca de interfaz de usuario para uso profesional. Tiene su propio estilo.

Nada que ver con NextJS :P

Next UI 


Vechai UI


Construido con Tailwind CSS

React-admin


Como su nombre indica, los componentes son buenos para la construcción de cuadros de mando de administración.

React admin 

React Toolbox

Una colección de componentes de aspecto tradicional.

React Toolbox 

React Strap

Otra adaptación de componentes bootstrap para ReactJS

React Strap 

React Desktop

Un conjunto de componentes muy interesante. Si quieres construir aplicaciones al estilo MacOS. Estos son para usted.

react-desktop

Elemental UI

Una biblioteca de componentes no tan rica.

Elemental UI 

Belle


Una biblioteca de componentes que promete una gran experiencia de usuario.

Belle

Arco Design


Esta biblioteca es extrañamente similar a Ant diseño. La documentación está en chino, pero Google Translate hace un buen trabajo.

Arco Design

Prime React


Un conjunto de componentes hermosos, con algunos componentes extraños como Picklist

Prime React 

Kobalte


Biblioteca para aplicaciones web accesibles.

Kobalte 

React Aria


React Aria es una librería de React Hooks que proporciona primitivas UI accesibles para tu sistema de diseño.

No se trata de un conjunto de componentes, sino de un conjunto de hooks. ¡Échale un vistazo!

Zag


Un conjunto de componentes básicos.

Zag

Radix UI


Bonitos componentes de interfaz de usuario.

Radix UI 

Kit Aria


Algunos componentes listos para usar

Aria Kit 

Conclusión


Esto es todo por hoy.

Hazme saber si estás usando alguna otra librería de interfaz de usuario. Las añadiré a la lista.

Fuente

Plataforma de cursos gratis sobre programación

Artículos Relacionados

Usando Pipes para transformar datos
· 5 min de lectura
Llama3 sacale el máximo provecho
· 4 min de lectura
Angular Signals: Mejores practicas
· 5 min de lectura