Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Se connecter
Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Une page, une vidéo ou une image en ligne.

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

Texte qui se transforme en fondu liquide v1.0.0

Utilisez cette ressource pour faire défiler des slogans qui se transforment l'un en l'autre

Nouveau

  • 305 téléchargements
  • 230 mentions J'aime
  • 248 sauvegardes

Gratuit

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install gooey-morph-text

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent remplace la liste de mots dans le composant, règle la vitesse de transformation et le temps de pause, puis rend la vidéo. Chaque mot peut avoir sa police et sa couleur. Vous obtenez un titre animé fluide pour une intro ou un message de marque.

Choisie surtout par

Mise à jour le 2 novembre 2026

Caractéristiques

Fonctionne dans
Guides d'installation
Génère avec
HyperFrames
Utilise
  • HyperFrames (Node.js)
Licence
Apache-2.0

Ressources similaires

Tout voir

Ce que vous obtenez

  • morph-text.html : le composant (liste de mots modifiable)
  • registry-item.json : dimensions et fichiers à installer
  • LISEZMOI.md : mode d'emploi traduit en français

Pour qui

  • Une accroche qui enchaîne plusieurs promesses de marque
  • Une intro de vidéo avec des mots qui changent
  • Une bannière animée pour un lancement

Pas pour qui

  • Un long paragraphe de texte
  • Une animation avec des visuels ou des photos

Étiquettes

  • texte animé
  • morphing
  • typographie
  • titre

À propos

Vous dites

« Fais défiler en morphing mes cinq slogans, avec la police et la couleur de ma marque. »

Un mot qui se déforme en fondu liquide vers la phrase suivante

Modèle de motion design publié par HeyGen (HyperFrames) sous licence Apache-2.0, traduit par PalateKit.

Voir plus

Prérequis

À préparer
Vos mots ou phrases courts et La police et la couleur de votre marque
Dépendances
HyperFrames (Node.js)

Comment l'utiliser

  1. Installez la ressource avec la commande npx hyperframes add dans votre projet HyperFrames
  2. Demandez à l'agent de personnaliser le texte, les couleurs ou les scènes
  3. Rendez la vidéo avec npx hyperframes render

Aperçu du contenu

Fichiers

  • LICENSE10,5 Ko
  • LISEZMOI.md1,1 Ko
  • morph-text.html7 Ko
  • NOTICE-PALATEKIT.md0,5 Ko
  • registry-item.json0,7 Ko

Origine et licence

Modifié par PalateKit

Auteur
HeyGen (HyperFrames)
Source
github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/components/morph-text
Licence
Apache-2.0

Notice

Version modifiée de « Morph Text » (HeyGen (HyperFrames), Apache-2.0) : traduction française et fiche par PalateKit.

Avis des utilisateurs

–

Aucune note pour l'instant

Chargement des avis…

Supprimer votre avis ?

Votre note et votre commentaire seront retirés de la fiche.

Questions fréquentes

Où modifier les mots ?

Dans la liste <ol id="morph-words"> : un <li> par mot, avec data-font et data-color pour le style.

Comment régler le rythme ?

Avec data-morph-speed (secondes par transformation) et data-morph-pause (temps de pause), sur l'élément racine.