Motivd
À proposÉtudes de casDocumentation
TarifsSécurité
← Retour aux nouvelles dev
Le pixel bloom remplace Lottie dans le chat de l’agent IA — plus léger et plus on-brand
Visuel de l’article
4 mai 2026[CONSTRUCTEUR]Finition Builder

Le pixel bloom remplace Lottie dans le chat de l’agent IA — plus léger et plus on-brand

Nous avons remplacé le loader Lottie du chat de l’agent IA par un pixel bloom 100 % CSS — dérive de fréquence par point pour un effet organique, et révélations périodiques d’un hexagone et d’une étoile de David qui font écho au logo cœur.

Cette semaine, l’état d’attente du builder est devenu plus calme et plus intentionnel. Le chat de l’agent IA s’appuyait sur une animation Lottie pendant que le modèle réfléchissait ; nous l’avons remplacée par un pixel bloom réglé à la main, qui vit entièrement en CSS, n’embarque aucun JSON et reste net à toutes les tailles.

Trois commits sur main portent ce changement. Le premier retire la dépendance Lottie et installe une grille de pixels dans le chat de l’agent. Le second affine le bloom : chaque point reçoit sa propre durée entre 2,2 et 3,6 s, plus un décalage de vague de ±280 ms, les keyframes utilisent un cubic-bezier(0.37,0,0.63,1) pour une montée sinusoïdale et une retombée lente, et une nouvelle variable CSS --bloom-dur est branchée par point. Le troisième superpose deux révélations gabarit — un hexagone à 57–70 % d’un cycle de 18 s et une étoile de David à 77–91 % — composées via le canal d’opacité pour que la couleur et la lueur du bloom continuent leur travail.

Pour les fondateurs qui regardent l’agent travailler, la surface est plus posée et le langage de marque se prolonge jusque dans les plus petits moments. Pour nous, c’est une dépendance d’exécution en moins et un fragment de mouvement de plus que nous maîtrisons de bout en bout — la même approche qui rend déjà le reste du builder très natif.

// community_feedback

Devrions-nous construire cela ?

Ressource liée →