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

PalateKit

Menu

Demander une ressource

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

0 / 280

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.

Sélection PalateKit

Titre 3D filaire qui jaillit d'un portail v1.0.0

Utilisez cette ressource pour créer une carte de titre 3D pour ouvrir une vidéo

Nouveau

  • 335 téléchargements
  • 176 mentions J'aime
  • 221 sauvegardes

4,49 €

Accès à vie à cette ressource, avec ses mises à jour.

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install wireframe-portal-title

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent règle le titre, la phrase de remplacement, l'accent de couleur et l'intensité de l'éclatement avec neuf variables. Les lettres 3D sont construites avec la police Geist, apparaissent à travers le portail, puis s'échangent contre la nouvelle phrase avec un léger effet de bug. Vous obtenez une intro spectaculaire sans logiciel de 3D.

Mise à jour le 2 novembre 2026

Caractéristiques

Guides d'installation
Génère avec
HyperFrames
Utilise
  • HyperFrames (Node.js)
  • Connexion Internet (three.js, GSAP, Clipper depuis un CDN)
Licence
Apache-2.0

Ressources similaires

Tout voir

Ce que vous obtenez

  • wireframe-portal-title.html : le bloc 3D avec ses neuf variables
  • assets/fonts : les polices Geist Regular, SemiBold et Bold avec leur licence
  • SKILL.md et registry-item.json : variables, contrat d'exécution et règles d'édition
  • LISEZMOI.md : mode d'emploi traduit en français

Pour qui

  • Une intro de chaîne ou de lancement de produit
  • Un titre de film, de teaser ou de bande-annonce
  • Une carte de section dans une présentation vidéo

Pas pour qui

  • Un titre de plus de 18 caractères
  • Un ordinateur léger : le bloc demande beaucoup de mémoire (environ 350 Mo)

Étiquettes

  • titre
  • 3d
  • filaire
  • intro

À propos

Vous dites

« Fais une intro 3D avec le titre « NOUVEAUTÉ » qui devient « Dès demain » en jaune. »

Lettres filaires en 3D qui émergent d'un portail lumineux

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

Voir plus

Prérequis

À préparer
Le titre (18 caractères au plus) et la phrase de remplacement et Une couleur d'accent
Dépendances
HyperFrames (Node.js) et Connexion Internet (three.js, GSAP, Clipper depuis un CDN)

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

  • assets/fonts/Geist-Bold.ttf65 Ko
  • assets/fonts/Geist-OFL.txt4,3 Ko
  • assets/fonts/Geist-Regular.ttf65 Ko
  • assets/fonts/Geist-SemiBold.ttf65,1 Ko
  • LICENSE10,5 Ko
  • LISEZMOI.md1,7 Ko
  • NOTICE-PALATEKIT.md0,5 Ko
  • registry-item.json1,8 Ko
  • SKILL.md4,1 Ko
  • wireframe-portal-title.html63,2 Ko

Origine et licence

Modifié par PalateKit

Auteur
HeyGen (HyperFrames)
Source
github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/blocks/wireframe-portal-title
Licence
Apache-2.0

Notice

Version modifiée de « Wireframe Portal Title » (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

Quelles variables puis-je régler ?

title, replacementPhrase, subtitle, accent, burstChaos (0-2), phraseDuration, phraseEasing, settleGlitch et depthFog.

Comment rendre avec mes valeurs ?

Passez-les à la commande de rendu avec --variables, par exemple '{"title":"BREAKTHROUGH"}'.