Marie Dupont a validé le devis DV-001 · 11 juin
Décrivez un besoin. Obtenez une composition d'interface vérifiée.
155 composants sémantiques qu'une IA sait assembler — et appeler en React comme en Python.
pip install blueprint-modular
import bpm
bpm.metric("CA mensuel", "142 500 €", delta=12)
bpm.status_tracker(stages=["Validation", …])
bpm.live_gauge(value=76, label="Charge ligne 2")
Opérationnelbpm.*
CA mensuel
142 500 €
▲+12%
Commandes
1 284
▼-3%
Créé
En analyse
Validation
Clôturé
Charge ligne 276
Conçu pour les applications métier, pas pour les démos.
Des composants qui connaissent le métier
Suivi de statuts, flux d'approbation, jauges à seuils d'alerte, flux d'activité : les états et les règles d'affichage sont intégrés au composant, pas réécrits à chaque écran.
Python ou React, au choix
Un même composant, deux façons de l'appeler : comme une fonction Python ou comme une balise React/JSX. Pas de HTML ni de build front à maintenir — et le rendu reste du vrai React, thémable, clair et sombre.
Documenté pour les agents
Toute la surface d'API est publiée dans llms.txt, généré depuis les sources TypeScript. Votre agent y lit les props exactes, les valeurs par défaut et les règles d'usage de chaque composant.
155 composants, dix familles.
Du bouton au CRUD complet : chaque composant est décrit au catalogue avec son aperçu, et démontré en situation dans la galerie.
- 37Affichage de données
- 28Interaction
- 24Mise en page
- 12Feedback
- 14Graphiques
- 11Média
- 6Navigation
- 7Utilitaires
- 13IA & spécialisés
- 3Identification & traçabilité
Le rendu réel, pas des captures.
Chaque tuile est un composant du package, exécuté en direct dans votre navigateur — et sous chacune, la ligne exacte qui la produit. Le code que vous lisez est le code qui tourne. C'est ce que votre application affichera, au pixel près.
CA mensuel
142 500 €
▲+12%
bpm.metric(label="CA mensuel", value="142 500 €", delta=12)Créé
Validation
Clôturé
bpm.status_tracker(stages=[("Créé", "completed"), ("Validation", "current"), ("Clôturé", "pending")], compact=True, direction="horizontal")Charge ligne 276
bpm.live_gauge(value=76, warning_above=70, critical_above=90, label="Charge ligne 2")Objectif trimestriel74 %
OpérationnelÀ revoir
bpm.progress(value=74, max=100, label="Objectif trimestriel", show_value=True)
bpm.badge("Opérationnel", variant="success")
bpm.badge("À revoir", variant="warning")M
Marie Dupont
Responsable
approved
J
Jean Martin
Direction
pending
bpm.approval_flow(steps=[("Marie Dupont", "Responsable", "approved"), ("Jean Martin", "Direction", "pending")])bpm.activity_feed(activities=[("Marie Dupont", "a validé", "le devis DV-001", "success")])Écart de stock détecté
Attendu : 100 unités·Mesuré : 85 unités
bpm.anomaly_alert(title="Écart de stock détecté", expected="100 unités", actual="85 unités", severity="warning")32 modules métier prêts à brancher.
Au-delà des composants, Blueprint Modular livre des modules complets — assemblés, documentés et testables en ligne. Chacun dispose d'une page avec documentation et simulateur.
- Contenu & productivité9
Calendrier, wiki, templates, newsletter, tableau blanc, monitor…
- Données & reporting8
Tableaux de bord, rapports, référentiels, analyse de documents, exports.
- Processus & workflow5
Tâches, workflow, notifications, audit log, validations.
- Intégrations & technique5
Connecteurs, webhooks, multi-langue, thèmes, assistant IA.
- Métier4
Catalogue produits, devis & facturation, formulaires, réservations.
- Authentification1
Connexion Google et e-mail, sessions, whitelist utilisateurs.
Ressources
Documentation, guides et référence, réunis.
Un seul point d'entrée vers la documentation, les guides de démarrage, le catalogue des composants, la référence machine et le connecteur MCP.
Installez, écrivez, servez.
Installer
Le package embarque les composants React compilés : aucun outillage front requis.
Créer une app
bpm init génère la structure du projet, prête à éditer.
Lancer
bpm run sert votre application — rechargée à chaque sauvegarde.
Un appel, un composant.
Le même objet bpm couvre la saisie, les tableaux, les graphiques et les workflows. Voici l'intégralité du code d'un indicateur avec variation :
Code
import bpm
bpm.metric("CA mensuel", 142500, delta=3200)Rendu
CA mensuel
142 500 €
▲+3 200 €
Pourquoi Blueprint Modular ?
Une seule source de vérité
Le site, le catalogue et llms.txt sont générés depuis le code TypeScript. Aucune divergence possible entre la doc et le composant.
Accessibilité et thèmes inclus
Contrastes, focus visibles, rôles ARIA, clair et sombre : tout est intégré aux composants, pas ajouté après coup.
Aucun build front à maintenir
Le package Python embarque le React déjà compilé. Pas de Node, pas de bundler, pas de fichier de configuration à entretenir.
Pensé pour les agents
Toute la surface d'API est lisible par un LLM. Votre agent construit, complète et corrige l'interface sans deviner.
Questions fréquentes
Faut-il connaître React ?
Non. Vous écrivez du Python ; les composants React sont déjà compilés dans le package et s'appellent comme des fonctions.
Peut-on personnaliser le thème ?
Oui. Couleurs, logo et mode clair/sombre passent par les tokens de design ; le module Thèmes permet un rendu par instance ou par client.
Comment mon agent utilise-t-il la bibliothèque ?
Donnez-lui llms.txt : il y trouve chaque composant avec ses props, types, valeurs par défaut et exemples, dans un format pensé pour son contexte.
Quelle base de données faut-il ?
Chaque module documente ses tables Prisma et ses variables d'environnement. Voir docs/DATABASE.md dans le dépôt pour les prérequis de production.
Est-ce prêt pour la production ?
Oui. Les modules métier sont assemblés et documentés, avec authentification, audit et déploiement décrits — ce site tourne sur ses propres composants.
Prêt à écrire votre première interface ?
Installez le package, lancez bpm run, et servez une application métier complète — sans toucher au HTML.
pip install blueprint-modular
Open-source sous licence Apache-2.0 — gratuit, sans verrou propriétaire. Une question, un besoin entreprise ? Écrivez-nous.