SHADCN ADMIN : des écrans d’administration Shadcn prêts à décortiquer
⏱️ Temps de lecture estimé : 3 minutes
https://github.com/satnaing/shadcn-admin
📌 SHADCN ADMIN est un tableau de bord d’administration open source construit avec Shadcn et Vite. Le dépôt réunit une dizaine de modules complets — dashboard, gestion d’utilisateurs, tâches, chats, paramètres, authentification — que l’on peut étudier, adapter ou intégrer dans une app React.
Vous connaissez ce moment où il faut lancer une interface d’admin : même quand le fond est prêt, monter l’UI prend toujours une soirée. Shadcn Admin attaque exactement cette friction. Son auteur, @satnaing sur GitHub, en avait assez de reconstruire les mêmes dashboards au travail et sur ses projets perso. Il a donc rassemblé ses écrans dans un dépôt sous licence MIT, étoilé plus de 14 000 fois.
Le projet part des briques ShadcnUI (Tailwind CSS et Radix UI) et y ajoute une couche applicative : sidebar intégrée, recherche globale en palette de commandes, thème clair et sombre, support RTL. Le routage passe par TanStack Router, la vérification de types par TypeScript, et l’outillage par Vite, ESLint et Prettier. Côté icônes, Lucide assure l’essentiel et Tabler couvre les logos de marques.
La démo en ligne se visite sans rien installer, et elle vaut le détour : dashboard, page de gestion d’utilisateurs avec table et filtres, chats, tâches, paramètres découpés par thème (apparence, notifications, compte…), sans oublier les parcours d’authentification — connexion, inscription, mot de passe oublié, code OTP — et des écrans d’erreur soignés. Précision utile du README : ce n’est pas un starter officiel. L’auteur le présente comme une collection d’écrans réutilisables, dont une partie du code est directement adaptée des exemples ShadcnUI.
Je trouve l’approche plus intéressante qu’un template à cloner aveuglément : chaque page reste du code lisible que l’on peut picorer module par module. L’authentification n’est d’ailleurs couverte que partiellement, via Clerk — une variante du projet lui est dédiée, et il faudra brancher votre propre logique pour le reste.
Une nuance à connaître avant de foncer : plusieurs composants Shadcn ont été modifiés, surtout pour le RTL (sidebar, table, dialog, dropdown-menu, select…). Si vous les mettez à jour via le CLI Shadcn, vous risquez d’écraser ces ajustements et de devoir fusionner à la main. Sans besoin de RTL, l’opération reste sans risque sur les autres composants.
En pratique, je verrais Shadcn Admin comme une base de départ pour un back-office interne : on clone le dépôt, un pnpm install, un pnpm run dev, et il ne reste qu’à remplacer les données de démo par votre API. Pour le prix d’une après-midi de lecture de code, on évite de repartir de zéro.
- 🌗 Thème clair et sombre, sidebar intégrée, support RTL
- 🔍 Recherche globale en palette de commandes
- 📄 Dashboard, utilisateurs, tâches, chats, paramètres et parcours d’authentification
- ⚛️ ShadcnUI, TanStack Router, TypeScript et Vite
- 📖 Licence MIT, démo en ligne sans installation
Sources
