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.

Vidéos de motion design écrites en code

Titres animés, explications et rendus 3D produits par votre agent de code, image par image, avec les ressources du catalogue.

Exemples

  • Titres cinétiques

    Des mots qui entrent, glissent et se répondent au rythme d'une voix ou d'une musique.

  • Explications animées

    Un schéma qui se construit étape par étape pour présenter un produit ou une idée.

  • Scènes 3D

    Un objet qui tourne dans la lumière, rendu avec Three.js et exporté en vidéo.

Traits du style

  • Mouvements doux
  • Typographie au premier plan
  • Couleurs de la marque
  • Rythme calé sur le son
  • Durée courte

Étapes

  1. Choisir un modèle

    Partez d'un template motion du catalogue proche du résultat voulu.

  2. Donner la charte

    Couleurs, polices et ton : l'agent les applique à chaque image.

  3. Écrire le prompt

    Décrivez la scène, la durée et le format de sortie.

  4. Relire et exporter

    Ajustez le code si besoin, puis laissez l'agent encoder la vidéo.

Le prompt

Crée une animation de titres de 12 secondes en HTML et CSS : trois lignes courtes apparaissent mot par mot sur un fond blanc cassé chaud, aux couleurs de notre marque, puis exporte-la en MP4 1080p.

Cas d'usage

  • Lancement de produit

    Une annonce courte pour les réseaux sociaux, aux couleurs de la marque.

  • Pédagogie

    Une notion expliquée en quelques secondes, schéma à l'appui.

  • Rapports clients

    Des chiffres clés animés pour ouvrir une présentation.

Ressources liées

Questions fréquentes

Faut-il un logiciel de montage ?

Non. L'agent écrit l'animation en HTML, CSS ou Canvas, puis l'encode en vidéo. Vous relisez et ajustez le code.

Puis-je garder ma charte graphique ?

Oui : donnez à l'agent vos couleurs et vos polices, ou un fichier DESIGN.md, avant de lancer l'animation.

Les ressources liées sont-elles toutes payantes ?

Non. La grille indique les ressources gratuites, à installer sans compte.

Tout le catalogue vous attend

Parcourir les ressources