Une UI qui
anticipe vos utilisateurs
Arrêtez de traiter tous vos utilisateurs de la même façon. Presage adapte votre interface en temps réel selon le comportement, les traits et l'engagement — dans une bibliothèque légère.
import { Adaptive, Variant } from '@presage-kit/react'
// The right onboarding for every user — automatically
function Onboarding() {
return (
<Adaptive id="onboarding" defaultVariant="welcome">
<Variant id="welcome"><WelcomeTour /></Variant>
<Variant id="checklist"><Checklist /></Variant>
<Variant id="whats-new"><WhatsNew /></Variant>
</Adaptive>
)
}Le problème
Votre UI traite tous
vos utilisateurs de la même façon
Un visiteur pour la première fois et un utilisateur avancé avec 500 sessions voient exactement le même tableau de bord.
La personnalisation est soit des if/else éparpillés, soit une plateforme à six chiffres.
Logique éparpillée
Des vérifications de rôles et des feature flags enfouis dans des dizaines de composants. Ajouter un nouveau persona signifie modifier chaque fichier.
Aveugle au comportement
Vous suivez ce que les utilisateurs cliquent, mais aucune de ces données ne pilote l'interface qu'ils voient. Deux mondes séparés.
Réservé aux grandes entreprises
Les véritables plateformes de personnalisation coûtent six chiffres et nécessitent une équipe data. Vous voulez juste que votre sidebar s'adapte.
La solution
Des règles déclaratives.
Une adaptation instantanée.
Définissez qui voit quoi dans une seule configuration. Presage évalue les règles en fonction du contexte utilisateur en temps réel et affiche la bonne variante.
const client = createAdaptiveClient({
rules: [
{
id: 'power-user-nav',
adaptationId: 'main-nav',
priority: 10,
conditions: {
all: [
{ field: 'maturity', operator: 'eq', value: 'power' },
{ field: 'traits.role', operator: 'in',
value: ['admin', 'editor'] },
],
},
action: { type: 'reorder',
order: ['analytics', 'settings', 'users'] },
},
],
})Fonctionnalités
Tout ce dont vous avez besoin.
Rien de superflu.
Moteur de règles
14 opérateurs, logique booléenne, ordre de priorité. Déclaratif, déterministe, facile à déboguer.
Signaux comportementaux
Nombre de sessions, utilisation des fonctionnalités, cartes de clics — calculés automatiquement à partir des événements suivis. Zéro agrégation manuelle.
Maturité utilisateur
Segmentez automatiquement vos utilisateurs en new, active, power ou dormant. Utilisable directement dans les règles.
Agnostique de framework
Core en pur TypeScript. Les hooks React et les composables Vue sont disponibles. Svelte et Solid prévus.
Typage fort
Generics complets. selectedVariant est restreint à votre union de variantes. Auto‑complétion partout.
Léger & rapide
Moins de 5KB gzippé. Zéro dépendance. Initialisation synchrone depuis le cache — aucun flash de mauvais contenu.
Comment ça marche
Quatre étapes. Un seul cycle de rendu.
Suivre
Enregistrez des événements avec client.track(). Branchez n'importe quel outil d'analytics ou utilisez le store intégré.
Calculer
Les événements deviennent des signaux comportementaux : sessions, utilisation des fonctionnalités, patterns de clics.
Évaluer
Le moteur de règles compare le contexte aux conditions. La priorité la plus élevée l'emporte.
Adapter
La variante correspondante s'affiche. Afficher, masquer, réordonner — tout est réactif, tout est déclaratif.
Tarifs
Des tarifs simples et transparents
Commencez à construire dès aujourd'hui. Évoluez quand vous êtes prêt.
Gratuit
- Moteur de règles
- Adaptateurs React & Vue
- Signaux comportementaux
- Segmentation de maturité utilisateur
- Persistance localStorage
- Support communautaire
Pro
- Tout le plan Gratuit
- Synchronisation backend & rétention
- Tableau de bord analytics
- Sécurité par liste de domaines
- Support prioritaire par email
- Accès anticipé aux nouveautés
Entreprise
- Tout le plan Pro
- Infrastructure backend dédiée
- Support SSR
- Ingénieur support dédié
- Garantie SLA
- Intégrations personnalisées
Prêt à construire des
interfaces adaptatives ?
Installez Presage, définissez vos premières règles et voyez votre UI s'adapter en quelques minutes.