Sun. Dec 22nd, 2024

21 Free and Open Source React Dashboard and Control Panels

By admin Jan 28, 2024

React es un marco increíble para crear aplicaciones escalables. También cuenta con una creciente comunidad de desarrolladores apasionados en todo el mundo.

En términos de plantillas y componentes de interfaz de usuario, React no tiene escasez gracias a su comunidad activa.

Mientras revisamos las mejores plantillas de panel de control y panel de control de Vue en esta lista, es hora de hacer lo mismo con nuestra colección React.

Tenga en cuenta que algunas de estas plantillas vienen con funciones profesionales adicionales que no son de código abierto ni siquiera gratuitas, pero aún así puede encontrar la alternativa si revisa todos los elementos de esta lista.

Así que, aquí vamos.

1- IU de horizonte

Horizon UI es un marco de panel de control de código abierto moderno y elegante que se basa en React y Chakra UI.

Tiene una gran capacidad de respuesta y viene con docenas de opciones y páginas de personalización.

Las páginas incluidas son perfiles, páginas NFT, páginas de autenticación, páginas estáticas y transmisiones.

Horizon UI está bien documentada y viene con docenas de componentes personalizables.

Tiene gráficos, búsqueda, docenas de estilos de botones, apariencia limpia y colores y degradados elegantes.

Viene en dos ediciones; la edición gratuita de código abierto y la edición Pro que ofrece más componentes y páginas.

2- Panel de arranque de voltios

Volt es un panel de React gratuito y de código abierto para crear un panel de control de respuesta rápida para casi cualquier cosa.

Debajo, utiliza Bootstrap 5 y viene con muchos componentes reutilizables que incluyen elementos de formulario, muchos tipos de gráficos y varias páginas.

Si no desea utilizar la versión React, también puede utilizar la versión HTML Bootstrap 5, que es gratuita y de código abierto.

Volt es un código abierto que se publica bajo la licencia MIT, pero también tiene derechos de autor en 2021 para Themesberg (Crafty Dwarf LLC).

3- iluminación

Lightence es una plantilla de panel de administración 100 % GRATUITA basada en React para crear interfaces de usuario enriquecidas mucho más rápido. Para desarrolladores de todos los niveles. De código abierto y mantenido por el Altencia equipo.

4- AdministradorLTE

AdminLTE es una plantilla de panel de control y panel de control de aspecto clásico y de código abierto para React.

Ofrece un panel personalizable y fácil de usar que puede funcionar para casi cualquier cosa.

AdminLTE se publica bajo la licencia MIT.

5- Plantilla de administración de Bootstrap de reacción

Esta es una plantilla de panel de control de React personalizable y sencilla que también utiliza el marco CSS Bootstrap. Permite a los desarrolladores crear un panel rápido para proyectos livianos.

6- Plantilla de panel de administración de Dashio-Admin React

Con su apariencia limpia y liviana, Dashio ofrece una experiencia de usuario sencilla y perfecta. También viene con soporte completo integrado, docenas de páginas, formularios, varios gráficos funcionales basados ​​en datos y widgets.

Los desarrolladores pueden personalizar fácilmente su apariencia o crear páginas personalizadas sobre él.

7- Panel de reacción hecho con Material UI para Siguiente.js

¡Este es un panel de administración de React gratuito creado con los componentes de MUI, React y, por supuesto, Next.js para impulsar el proceso de desarrollo de su aplicación!

Las páginas incluidas son:

  1. Una página de panel personalizable
  2. Páginas de usuarios: perfil, configuración y transmisión
  3. Páginas de comercio electrónico: páginas para agregar productos, ver página de producto, catálogos
  4. Páginas de registro e inicio de sesión

El Panel de Material React tiene dos ediciones; la gratuita y la edición pro que ofrece más componentes, páginas y widgets listos para la empresa.

8- Versión React del Panel de Materiales por Tim creativo

Material Dashboard 2 React es nuestra plantilla de administración MUI gratuita más nueva basada en React. Si es un desarrollador que busca crear un panel de administración que sea fácil de usar para desarrolladores, rico en funciones y altamente personalizable, aquí está su opción.

La versión pro incluye más páginas, elementos y estilos personalizados.

9- Baya

Berry es otro panel de React basado en MUI. También viene en una versión gratuita enriquecida y una edición profesional con más páginas y componentes.

Berry ofrece una experiencia de respuesta móvil primero, por lo que no es necesario trabajar en ninguna personalización móvil más adelante.

Incluye una docena de gráficos interactivos responsivos, 5 páginas de muestra, 50 componentes de interfaz de usuario para la versión gratuita y documentación completa y fácil de usar para desarrolladores.

10- Panel de control del molino de viento

Windmill es una plantilla de panel rica en funciones para React que viene con soporte integrado para PWA (aplicación web progresiva), enrutador React y un rico conjunto de íconos (usando Heroicons).

A diferencia de las plantillas anteriores de esta lista, Windmill utiliza el marco Tailwind CSS, que ofrece una experiencia y un flujo de trabajo funcional basado en utilidades para los desarrolladores.

11- Panel de reacción Pro

Funcionalidad de panel dinámico en tan solo unos sencillos pasos

Resuelve las necesidades de personalización del Dashboard + Widget, que casi son utilizados por la cara B de “Miles de personas, miles de caras”.

12- Panel de reacción de Square

Square React Dashboard es un panel liviano y de apariencia clara que se adapta al panel de gestión de proyectos, ya que viene con tableros Kanban completamente funcionales.

También cuenta con una integración backend de Google Firebase, por lo que puede ser una solución ideal para crear una tarea rápida y proyectos de gestión de proyectos.

13- Mantis Plantilla de panel de interfaz de usuario de material de reacción gratuita

Mantis es una plantilla de panel de React Redux gratuita y de código abierto creada con la biblioteca de componentes Material UI React con el objetivo de lograr flexibilidad y una mejor personalización.

La versión gratuita viene con 9 páginas de demostración y varios componentes, pero si de
sea más funciones, debe consultar la versión pro que ofrece más de 130 páginas, soporte RTL, módulos de autenticación integrados, archivos de diseño Figma y también viene con código TypeScript completo.

14- Plantilla de panel de reacción Kanban

Este es otro panel Kanban basado en React para crear aplicaciones de gestión de tareas colaborativas basadas en equipos.

No incluye páginas, ya que no es una plantilla rica en componentes, pero es liviana y fácil de modificar y tiene la licencia MIT.

15- Interfaz de usuario moderna del panel de criptomonedas

Si está creando aplicaciones basadas en Criptomonedas con React, entonces debe verificar la interfaz de usuario del Panel de Criptomonedas Moderna, que es un panel simple, limpio y de aspecto elegante.

Aquí está el inspiración original de cómo se ve.

La inspiración original (src)

dieciséis- Panel de control de matriz

Panel de control de Arry creado por Rajdeep Singh.Array es un proyecto de código abierto creado con react.js y bootstrap 4.

17- Muse Ant.Design Reaccionar

Panel de reacción de Muse Ant Design es otro creativotim Cuadros de mando excepcionales. Y como los demás productos CreativeTim, tiene una versión gratuita y otra pro.

Muse Ant Design Dashboard es una plantilla de administración gratuita basada en dos tecnologías de interfaz de usuario populares: Ant Design y React. Fue creado para simplificar el trabajo del desarrollador y viene con un diseño nuevo inspirado en Ant Design. Todos sus componentes están construidos para encajar perfectamente entre sí, alineándose al mismo tiempo con los conceptos de Ant Design.

18- Panel de control de reacción gratuita de Datta Able

Plantilla de administración gratuita de Datta Able React creada con el marco Bootstrap 4. Es una versión lite gratuita de la plantilla de panel Datta Able Pro que le permite satisfacer sus necesidades de panel.

La plantilla de administración gratuita de Datta Able React viene con una variedad de componentes como botones, insignias, pestañas, ruta de navegación, íconos, elementos de formulario, tablas, gráficos y páginas de autenticación.

La estructura del código es muy flexible de usar y modificar.

19- flexible

Flexy es un panel gratuito para React y Next.js. Sus desarrolladores también ofrecen una versión pro con más componentes, páginas y widgets. Pero para muchos, la versión gratuita con licencia MIT es más que suficiente.

20- Chakra del tablero de argón

Otro panel más basado en React de CreativeTim. Ofrece una experiencia de respuesta completa para usuarios de dispositivos móviles y tabletas, íconos elegantes y widgets de comercio electrónico.

21- Tablero negro Reaccionar

Black Dashboard for React es una plantilla de panel de tema oscuro también de CreativeTim, que viene con elegantes colores oscuros y brillantes para gráficos, diseño responsivo y código limpio con documentos fáciles de usar para desarrolladores.

Conclusión

Las plantillas de panel de control y panel de control de React gratuitas y de código abierto pueden ahorrar a los desarrolladores decenas de tiempo y esfuerzo, ya que en su mayoría vienen con docenas de componentes, widgets, elementos y funciones listos para producción.

Como animamos a los desarrolladores a buscar primero las versiones de código abierto, aquí enumeramos algunos proyectos totalmente de código abierto, que recomendamos encarecidamente antes de pasar a las ediciones profesionales.

Las ediciones profesionales a menudo vienen con soporte, más componentes, páginas personalizadas, widgets y funciones, que pueden ser necesarias si está trabajando en grandes proyectos de nivel empresarial, así que opere con cuidado.

Si conoce alguna otra plantilla de panel de React de código abierto que no hayamos incluido aquí, háganoslo saber.

Etiquetas

Programación de listas Herramientas para desarrolladores React JavaScript TypeScript Plantillas Node.js Biblioteca de código abierto Marcos de trabajo Panel de inicio Desarrollo de aplicaciones gratuitas

By admin

Related Post

Leave a Reply

Your email address will not be published. Required fields are marked *