SmartPlatform UI · @smartplatform/ui
Bien plus qu'un pack graphique : des écrans qui savent déjà faire
Une bibliothèque Vue qui apporte l'apparence et le comportement : vos écrans savent déjà filtrer, regrouper, réordonner, envoyer des fichiers ou passer en mode sombre, à vos couleurs.
En chiffres
Une bibliothèque déjà fournie
- composants Vue
- 400+
- types de graphiques, de la jauge au diagramme de Sankey
- 13
- comportements prêts à l'emploi (composables)
- 16
- ligne de PHP nécessaire pour l'utiliser
- 0
Mesuré dans @smartplatform/ui en novembre 2026, aperçus de conception exclus.
Le périmètre
Ce qu'une application de gestion attend de son interface
Listes et fiches
Recherche, filtres, onglets avec compteurs, tri, regroupement, sélection, export : la liste, la fiche et le formulaire d'une entité se décrivent, ils ne se recodent pas.
Formulaires en étapes
Les parcours longs découpés en étapes, avec leur validation, et les champs métier : adresse, entreprise par son SIREN, plage de nombres, éditeur de texte, fichiers et recadrage d'image.
Kanban et tableaux de bord
Le glisser-déposer au doigt comme à la souris, les chiffres clés et 13 types de graphiques, dont les cartes, l'entonnoir et la cascade.
Votre identité, le mode sombre, le mobile
Le thème est un jeu de variables CSS : votre marque change les couleurs de toute l'interface, et le contraste de chaque rôle est vérifié par des tests.
Toutes vos interfaces
Back-office, espace client, PWA, simulateur : les mêmes composants, et la même qualité, d'une interface à l'autre.
Les maquettes de conception
Les maquettes cliquables que vous validez sont construites avec ces composants : ce que vous voyez en conception est ce qui sera livré.
Sous le capot
Pensée pour durer, et pour être assemblée
Ce qui distingue une bibliothèque qu'on maintient des années d'un dossier de composants copiés dans un projet.
Indépendante de l'application
UI ne connaît ni Symfony, ni Inertia, ni le routeur : elle reçoit des données, des libellés et des liens. Une règle de lint refuse tout import qui franchirait cette frontière.
Des comportements ciblés
Chaque composable fait une chose : un projet assemble ceux dont il a besoin au lieu de régler les options d'un composant qui voudrait tout faire.
Accessible par construction
Clavier, focus et lecteurs d'écran reposent sur les primitives de Reka UI : la partie la plus difficile à réussir seul est confiée à une bibliothèque qui en fait son métier.
Chaque composant documenté
Une page par composant, avec ses variantes rendues. La CI échoue si un composant exporté n'a pas la sienne : un développeur ou un agent IA trouve toujours comment s'en servir.
Distribuée en sources
Pas d'étape de compilation : le projet n'embarque que les composants qu'il importe, et Tailwind CSS ne génère que les classes utilisées.
Validée à chaque modification
Lint, typage, tests, documentation et dépendances sont contrôlés en CI avant toute publication d'une version.
Ce qui existe déjà
De très bons composants, les écrans restent à construire
Ces bibliothèques fournissent des composants génériques : boutons, menus, dialogues, tables. Une liste filtrable avec compteurs et export, une fiche, un formulaire en étapes ou un kanban restent à construire dans chaque projet. UI part des primitives de Reka UI et ajoute ces assemblages métier, maintenus une fois pour tous nos projets.
Nuxt UI Une bibliothèque complète, sur Reka UI et Tailwind CSS, pensée d'abord pour les applications Nuxt.
shadcn-vue Des composants à copier dans le projet plutôt qu'à installer : le départ est rapide, la maintenance revient ensuite au projet.
Ark UI Des composants sans style, construits sur les machines à états de Zag. UI utilise Zag pour l'envoi de fichiers et le recadrage d'image.
Reka UI Les primitives accessibles et sans style de l'écosystème Vue : le socle sur lequel UI pose son apparence.
Vos écrans sur SmartPlatform UI
Back-office, espace client ou PWA : parlez-nous des interfaces de votre projet.