Un bon thème admin

Contexte

Dans la plupart des applications Web que nous développons, nous avons besoin d'un espace d'administration. Cet espace est traditionnellement moins soigné ergonomiquement et graphiquement que le front-office, puisqu'il est utilisé par beaucoup moins de personnes. Un thème pour ces espaces d'administration permet de réutiliser des composants graphiques et techniques, et donc de gagner du temps et de la qualité. Mais quel thème utiliser ?  

Critères

Libre

Le thème doit utiliser une licence libre, et si possible ne pas être une version gratuite d'un produit commercial.

Pérenne

Le thème doit s'appuyer sur Bootstrap 5, avec une communauté, et des mises à jour régulières.

Léger

Pages légères, peu de composants et de dépendances, ou alors modulables.

Esthétique

Espaces et typographies bien traitées, pas trop d'effet de mode.

Possibilités

Benchmark du 20 février 2023

CoreUI

Github / Demo / Diagnostic 2,15 Mo
11500 stars, dernier commit janvier 2023
Version gratuite d'un produit payant (CoreUI Pro)
Proche de Bootstrap, un peu brut de fonderie visuellement

Material Dashboard 2

Github / Demo / Diagnostic 1,02 Mo
10400 stars, dernier commit octobre 2022
Version gratuite d'un produit payant
Rendu visuel très marqué, plutôt lourd (les couleurs comptent plus que les textes)

Adminator

Github / Demo / Diagnostic 947 ko
4100 stars, dernier commit septembre 2021
Plutôt simple et clair, très blanc

Volt

Github / Demo / Diagnostic 1,05 Mo
2500 stars, dernier commit janvier 2023
Version gratuite d'un produit payant
Pas mal, un peu lourd typographiquement et manque d'air

Mazer

Github / Demo / Diagnostic 5,76 Mo
1800 stars, dernier commit janvier 2023
Chouette mais un peu enfantin, avec dark mode

AdminKit

Github / Demo / Diagnostic 2,22 Mo
1100 stars, dernier commit août 2022
Plutôt calé, beaucoup de micro-animations

Sneat

Github / Demo / Diagnostic 1,31 Mo
505 stars, dernier commit février 2023 mais projet très récent
Version gratuite d'un thème pro.
Très joli

Voler

Github / Demo / Diagnostic 296 ko
457 stars, dernier commit août 2022
Animations bizarres, cadres dans les cadres, calages très approximatifs

PlainAdmin

Github / Demo / Diagnostic 675 ko
256 stars, dernier commit février 2023 mais projet très récent
Version gratuite d'un thème pro.
Transition très laide du menu, typos lisibles et assez grandes

ArchitectUI

Github / Demo / Diagnostic 538 ko
250 stars, dernier commit août 2022
Version gratuite d'un thème pro.
Trop amateur

Analyse

Libre

Les thèmes qui sont de purs projets libres sont :

  • Adminator
  • Mazer
  • Voler

Les thèmes suivants sont des versions gratuites de thèmes payants :

  • AdminKit
  • CoreUI
  • Material Dashboard 2
  • Volt
  • Sneat
  • PlainAdmin
  • ArchitectUI

Robuste

Rassurant :

  • CoreUI
  • Material Dashboard 2
  • Volt
  • Mazer

Pas sûr :

  • AdminKit (août 2022)
  • Sneat (petit projet très récent, 14 commits)
  • Voler (petit projet, août 2022)
  • PlainAdmin (petit projet très récent, 36 commits)

Pas du tout :

  • Adminator (septembre 2021)
  • ArchitectUI (petit projet à l'abandon)

Léger

Idéal :

  • Voler (296 ko)
  • ArchitectUI (538 ko)
  • PlainAdmin (675 ko)
  • Adminator (947 ko)
  • Mazer (5,76 Mo mais 5 Mo d'images)

Lourd :

  • Material Dashboard 2 (1,02 Mo)
  • Volt (1,05 Mo)
  • Sneat (1,31 Mo)
  • CoreUI (2,15 Mo)
  • AdminKit (2,22 Mo)

Esthétique

Chouette :

  • Sneat
  • AdminKit
  • Adminator

Ok :

  • Mazer
  • Volt
  • CoreUI
  • Material Dashboard 2

Pas dingue :

  • Voler
  • PlainAdmin
  • ArchitectUI

Sélection

Disqualifiés

  • ArchitectUI, abandonné et manque de qualité
  • PlainAdmin, pas très beau
  • Voler, pas très beau
  • Adminator, abandonné

Qualifiés

  • Mazer (le seul purement libre)
  • CoreUI
  • Material Dashboard 2
  • Volt
  • AdminKit
  • Sneat

On fait un essai avec Mazer !

Conclusion

Nous avons encapsulé Mazer dans la gem mazer-rails, disponible sur Github et sur Rubygems. Ahmad Saugi, qui a créé Mazer, a listé la gem dans les ressources créées par la communauté. Le thème, avec la gem, est en production pour le back-office de l'Écosystème de la mode.