Ton app a besoin d’un petit bonhomme.

Une mascotte animée et légère, un bonhomme bâton qui vit dans ton interface : accueil, chargement, succès… Une ligne pour l’ajouter, quelques lignes pour la brancher sur ton app.

3 personnages, 9 états · sans compte · 263 Ko · usage commercial autorisé

Touche-le : il réagit.

Colle une ligne. Il est vivant.

Choisis un personnage, un état, une coiffure et tes couleurs : la mascotte réagit tout de suite, et le code à copier suit.

Touche-le : il réagit.

Personnage

État

Coiffure

Cheveux

Visage, mains, pieds

Thème

★ pack complet · le reste est dans la version gratuite

Léger : 57 Ko compressé (82 pour le pack complet), zéro dépendance. Web (HTML, React, Vue, Svelte…) : le moteur JS. Mobile (iOS, Android, Flutter, React Native) : les fichiers Rive.

Tu la branches sur ton app.

Une API simple et documentée : un état pour chaque moment de ton app, en quelques lignes. Tu préfères déléguer ? Le prompt fourni guide ton assistant de code.

  1. Télécharge

    La version gratuite, sans compte. Ou le pack complet, en un seul paiement.

  2. Branche les états

    Chargement pendant une requête, succès après un enregistrement. Ou confie-le à ton assistant de code avec le prompt.

  3. Elle vit dans ton app

    Chargement, formulaire, erreur, liste vide : la bonne réaction, aux couleurs de ta marque.

Pour ton assistant de code (Claude, ChatGPT, Cursor, Copilot…), le prompt en version courte

Intègre la mascotte Uko dans mon app. Lis d’abord le README.md du pack. Place la mascotte là où elle a sa place. Branche ses états sur mon app : loading pendant les requêtes, success après un enregistrement, error sur un formulaire invalide, empty sur une liste vide. Reprends les couleurs de ma marque. Ne modifie pas le moteur : utilise seulement son API, et respecte ce que le README dit de la version gratuite.

Version complète, en français, anglais et espagnol : AI-PROMPT.md, dans le téléchargement (version gratuite comprise).

Exemple réel : SubFlow

Une app de suivi d’abonnements, filmée telle quelle : avec la version gratuite, puis avec le pack complet.

Version gratuite : les états.

Une mascotte dans l’en-tête, une dans le formulaire. Liste vide, ajout, montant invalide, prélèvement du jour : chaque moment a son état, en une ligne de code.

Pack complet : il se déplace dans l’app.

Il s’assoit sur le bouton de la liste vide, grimpe sur le formulaire, suit la saisie et rentre d’un bond. SubFlow le laisse se promener seul dans toute l’app : c’est son choix. Dans ton app, chaque geste tient en une ligne, là où tu le décides. Et s’il boude quand on le tapote trop, c’est l’âme du pack.

Filmé dans l’app réelle, pas animé à la main.

Personnage

État

Coiffure

Cheveux

Visage, mains, pieds

Thème

✓ Dans la version gratuite

Commence gratuitement.
Même en usage commercial.

Version gratuite

0 € pour toujours

pour tes projets, même commerciaux

  • Uko, Aituko le robot et Meowuko le chat
  • Les 9 états : accueil, chargement, succès, erreur, liste vide, dodo…
  • Toutes les couleurs, thème clair ou sombre
  • Elle réagit au toucher dans tous les états éveillés
  • Son regard suit ta souris (ou ton doigt) sur toute la page
  • 3 coiffures pour Uko : les 3 poils, classique, crâne rasé
  • Fichiers Rive des 3 personnages avec 4 états (repos, accueil, chargement, succès), pour iOS, Android et Flutter
  • Moteur web et exemples prêts à l’emploi
  • Une âme : une humeur, des réactions propres à chaque état (la main levée en chargement, consolée après une erreur…), des caresses, une poignée de main, et une vie à elle quand on la laisse seule
  • Elle bouge dans ton interface : s’assoit sur une carte, s’accoude à une fenêtre, s’allonge le long d’un bord, danse, flotte, saute et grimpe
  • Une ligne pour la poser sur un élément de ton app (s’asseoir sur une carte, grimper sur une fenêtre…) : c’est toi qui choisis où et quand
  • Marche et demi-tour, et un regard qu’elle pose sur l’élément précis de ton choix
  • Elle parle : sa bouche suit la voix que tu lui donnes (ton enregistrement ou ta synthèse vocale) ; aucune voix n’est fournie
  • Une licence commerciale
Télécharger

Sans compte ni e-mail · 263 Ko · licence

Pack complet

5,99 €

prix de lancement, payé une fois · 9,99 € ensuite

  • Uko, Aituko le robot et Meowuko le chat
  • Les 9 états : accueil, chargement, succès, erreur, liste vide, dodo…
  • Toutes les couleurs, thème clair ou sombre
  • Elle réagit au toucher dans tous les états éveillés
  • Son regard suit ta souris (ou ton doigt) sur toute la page
  • Les 17 coiffures d’Uko
  • Fichiers Rive des 3 personnages avec les 9 états, pour iOS, Android et Flutter (l’âme, les mouvements, la parole et les 17 coiffures sont dans le moteur web)
  • Moteur web et exemples prêts à l’emploi
  • Une âme : une humeur, des réactions propres à chaque état (la main levée en chargement, consolée après une erreur…), des caresses, une poignée de main, et une vie à elle quand on la laisse seule
  • Elle bouge dans ton interface : s’assoit sur une carte, s’accoude à une fenêtre, s’allonge le long d’un bord, danse, flotte, saute et grimpe
  • Une ligne pour la poser sur un élément de ton app (s’asseoir sur une carte, grimper sur une fenêtre…) : c’est toi qui choisis où et quand
  • Marche et demi-tour, et un regard qu’elle pose sur l’élément précis de ton choix
  • Elle parle : sa bouche suit la voix que tu lui donnes (ton enregistrement ou ta synthèse vocale) ; aucune voix n’est fournie
  • Les mises à jour de la version 2 par ton lien personnel, et une licence commerciale

Déjà acheté ? Retrouver mon pack (inutile de payer deux fois)

Acheter le pack complet

Paiement sécurisé par Stripe, vendeur officiel (Link, LLC), TVA comprise, payable dans ta devise · téléchargement immédiat sur la page Merci, reçu par e-mail · conditions de vente · licence

★ en plus de la version gratuite

Questions

Qu’est-ce qui est gratuit, qu’est-ce qui est dans le pack complet ?

Gratuit : Uko, Aituko et Meowuko, les 9 états dans le moteur web, 3 coiffures pour Uko, toutes les couleurs, le thème clair ou sombre, les réactions au toucher et un regard qui suit ta souris (ou ton doigt) sur toute la page. Les fichiers Rive gratuits contiennent 4 états.

Pack complet : l’âme (humeur, réactions, caresses, poignée de main, vie autonome), les mouvements (s’asseoir, s’accouder, s’allonger, danser, flotter, sauter, grimper, marcher), la parole (sa bouche suit la voix que tu fournis, aucune voix incluse), un regard dirigé sur l’élément de ton choix, 14 coiffures de plus et les fichiers Rive avec les 9 états.

Passer de l’un à l’autre, c’est remplacer les fichiers : ton code ne change pas.

Je peux l’utiliser dans une app commerciale ?

Oui, même avec la version gratuite, dans autant de projets que tu veux, y compris pour un client. Les détails sont dans la licence.

Comment l’ajouter à mon app (web, React, Flutter, mobile) ?
  • Web, React, Vue, Svelte : une seule balise, uko-mascot. Change son état, la mascotte suit.
  • Mobile (Flutter, iOS, Android, React Native) : charge le fichier Rive avec le lecteur Rive de ta plateforme et change l’état de sa machine à états.

Les 9 états marchent tels quels et le README donne le code complet pour chaque cas. Avec le pack complet, chaque mouvement se place en une ligne.

Est-ce que ça marche avec un assistant de code comme Claude, Cursor ou ChatGPT ?

Oui. Le téléchargement contient un fichier AI-PROMPT.md. Donne-le à ton assistant de code et il branche la mascotte sur les états de ton app, avec la bonne API. Tu peux aussi lui coller le lien de téléchargement direct du pack.

Est-ce que ça alourdit mon app ?

Très peu : le moteur web gratuit pèse 57 Ko compressé, chaque fichier Rive environ 74 Ko. Pas de vidéo ni de GIF : la cadence s’adapte aux téléphones modestes, et hors de l’écran la mascotte ne se redessine presque plus.

Comment je reçois le pack complet ?

Tout de suite après le paiement, tu arrives sur ta page de téléchargement, avec ton lien personnel (il donne aussi les mises à jour). Le reçu arrive par e-mail. Un seul paiement, pas d’abonnement, TVA de ton pays comprise. Lien perdu : mascot-uko.com/retrouver.

Je peux l’animer moi-même : pourquoi le pack ?

Avec l’API, tu branches facilement les états sur ton app et tu écris tes propres réactions, seul ou avec ton assistant de code.

Ce qui ne s’écrit pas en quelques lignes : dessiner de nouvelles coiffures dans le même style, animer un corps entier qui s’assoit, danse ou grimpe sans casser son squelette, et produire des fichiers Rive avec leur machine à états. C’est ce que contient le pack.

Uko ou une animation Lottie : quelle différence ?

Une animation Lottie rejoue une séquence dessinée à l’avance.

Uko est un personnage vivant : il respire, cligne des yeux, change d’état quand ton app change, réagit au toucher et suit le pointeur du regard, sans jamais se figer. Et le même personnage tourne sur le web (une balise) et sur mobile (un fichier Rive).

C’est quoi, un stickman ?

Un stickman, c’est un bonhomme bâton, ou bonhomme allumette : un rond pour la tête et quelques traits pour le corps. Uko en est un, en mouvement : il respire, cligne des yeux, réagit au toucher et joue chaque état de ton app, avec ses amis Aituko le robot et Meowuko le chat.

Pourquoi c’est un bon choix de mascotte : léger, lisible à toutes les tailles, il joue les moments de ton interface (chargement, succès, erreur, liste vide) au lieu d’une simple animation décorative.

Une idée, un bug, une remarque ? Écris-nous à [email protected]. Chaque message est lu, et les retours font évoluer Uko. Pour la version gratuite, tu peux aussi ouvrir un ticket sur GitHub.