Plantillas para paneles de administración desarrolladas con el ‘framework’ Bootstrap

4 min lectura
Desarrollo / 10 noviembre 2016
Plantillas para paneles de administración desarrolladas con el ‘framework’ Bootstrap
Plantillas para paneles de administración desarrolladas con el ‘framework’ Bootstrap

BBVA API Market

En la época de las páginas web responsive, con diseños adaptados a los dispositivos móviles (teléfonos inteligentes y tabletas), donde la sencillez en la edición de los elementos visuales es un valor cuando el proyecto se le entrega finalmente al cliente, el marco de desarrollo ‘front-end’ Bootstrap se ha convertido en una de las mejores elecciones dentro del mercado. Cada vez más los profesionales que se dedican al diseño de sitios web escogen este framework para el lanzamiento de proyectos. Y lo cierto es que, entre la comunidad, es una solución con seguidores.

Bootstrap es un marco de desarrollo de código abierto para el diseño de sitios y aplicaciones web. Su creador, en cierta forma, avala el propio producto: es un framework desarrollado por Twitter. ¿Para qué sirve Bootstrap a profesionales del diseño y desarrollo de páginas web? Este marco de desarrollo facilita todos los elementos necesarios para una interfaz de usuario tradicional: menús y barras de navegación, varios tipos de fuentes, botones, formularios… Todos esos elementos están desarrollados con la terna habitual del desarrollo: HTML, CSS y JavaScript.

Bootstrap no sólo se ha convertido un éxito para la parte del front-end de una página web, una aplicación web o una aplicación móvil, también para paneles de control por el lado de back-end. Cada vez es más importante desarrollar herramientas de gestión o edición sencillas, amables a la vista, con flujos de trabajo correctos, fáciles de recordar… Hoy en el mercado también existen numerosas plantillas, gratuitas y de pago, que usando los elementos propios de Bootstrap o añadidos a través de plugins o widgets se pueden personalizar paneles de control realmente útiles.

Estas son las mejores plantillas de administración (back-end) basadas en Bootstrap:

1. Monarca

Monarca es una plantilla de administración en HTML5 y AngularJS para sitios y aplicaciones web, pero también para aplicaciones móviles. Esta plantilla de administración permite que el usuario final disponga de un panel de control de todos los elementos de la interfaz de usuario, en el caso concreto de Monarca de una gran variedad de recursos: botones, galerías, barras y menús de navegación, iconos de todo tipo, lanzamiento de notificaciones o modales, procesos de registro e inicio de sesión, distintos tipos de fuentes, formularios, bloqueos de pantallas, diseños de pantallas para errores 404 o también un editor de texto WYSIWYG (acrónimo de What You See Is What You Get, ‘Lo que ves es lo que obtienes’).

Monarca puede crear sitios y aplicaciones web y aplicaciones móviles con AngularJS, pero también dispone de versiones sin AngularJS. Es compatible con la mayoría de navegadores del mercado. La idea es que todo el código que se genera a partir de la colocación de nuevos elementos en la interfaz de usuario, con implicaciones en HTML5 y CSS3, está de acuerdo a los estándares de W3C.

2. SB Admin

SB Admin es una plataforma de plantillas de administración con Bootstrap, donde el diseñador, desarrollador o cliente final tienen una amplia gama de themes para escoger. Utiliza la mayoría de elementos por defecto que vienen incorporados dentro de Bootstrap 3 más algunos potentes plugins en jQuery (la biblioteca JavaScript) para incorporar todos los atributos de animación y transiciones necesarios para la creación de los cuadros de mando de back-end y los paneles de administración de la interfaz de usuario del proyecto. Algunas de sus características más importantes:

El panel de administración de SB Admin ya va por su segunda versión.

3. AdminLTE

AdminLTE es un panel de administración para Bootstrap creado por el estudio Almsaeed. Es una solución de código abierto basada en un diseño modular que permite una construcción y personalización sencillas. La idea es que cada uno de estos elementos sea un plugin o un widget a través del cual uno va creando la interfaz de usuario tanto por la parte de front-end como de back-end. AdminLTE se puede descargar en una versión ya lista, con el código compilado para su subida directamente a producción, o bien la descarga del zip con el código fuente por si el desarrollador quiere hacer algunos cambios previos en la propia plantilla.

Algunas características importantes de esta plantilla de administración:

 

4. Gentelella

Gentelella es otra de las plantillas de administración de Bootstrap, gratuita, basada en HTML5 y CSS3, para el diseño y desarrollo de soluciones de back-end adaptadas a todos los dispositivos móviles. Además de los elementos por defecto que se pueden incorporar a la interfaz de usuario de Bootstrap (barras y menús pegajosos, botones, formularios, iconos…), Gentelella dispone de otras dos características:

Esta plantilla de administración para proyectos en Bootstrap utiliza ChartJS para la elaboración de gráficos con métricas o datos de gestión. ChartJS es una biblioteca en JavaScript con ocho tipos distintos de visualizaciones de datos: desde gráficos de barras o de fiebre, hasta visualizaciones que utilizan burbujas, tartas o en forma de radar. Otra característica destacada es su utilizad para comercios electrónicos.

¿Te interesan las APIs financieras? Visita todas las que te ofrece BBVA

También podría interesarte