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.

Cadre dessiné à la main avec étiquette manuscrite v1.0.0

Utilisez cette ressource pour entourer et annoter un élément dans une vidéo comme au feutre

Nouveau

  • 354 téléchargements
  • 135 mentions J'aime
  • 183 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 hand-drawn-box-label

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent insère dans votre composition HyperFrames un cadre dessiné à la main : il se trace (traits plain, soft, sharp ou spray) ou tombe avec un écrasement et un rebond. Une étiquette en police Caveat se place au-dessus ou au centre, et le trait vibre légèrement. Quatre réglages suffisent : entrée, trait, position de l'étiquette, vibration.

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
  • FFmpeg
Licence
Apache-2.0

Ressources similaires

Tout voir

Ce que vous obtenez

  • hw-box-label.html : le composant avec ses fonctions hwBoxBuild, hwBoxOn et hwBoxOff
  • demo.html : une page de démonstration des réglages
  • assets/fonts/Caveat-700-latin.woff2 : la police manuscrite
  • LISEZMOI.md en français : le câblage et les réglages

Pour qui

  • Mettre en évidence une zone d'une capture ou d'une vidéo
  • Tutoriels et explications avec annotations
  • Habillage de vidéos de réseaux sociaux au style carnet

Pas pour qui

  • Interfaces ou habillages très nets et formels
  • Projets sans HyperFrames
  • Annotations de longs textes

Étiquettes

  • annotation
  • manuscrit
  • cadre
  • surlignage
  • overlay

À propos

Vous dites

« Ajoute un cadre manuscrit autour du bouton à la 2e seconde, avec l'étiquette « Cliquez ici », trait spray et entrée en chute. »

Rectangle aux bords irréguliers dessiné au feutre autour d'un élément, avec une étiquette manuscrite.

Composant publié par HeyGen (HyperFrames) sous licence Apache-2.0, traduit par PalateKit. Police Caveat fournie avec le composant.

Voir plus

Prérequis

À préparer
La position de la cible et le texte de l'étiquette
Dépendances
HyperFrames, Node.js et FFmpeg

Comment l'utiliser

  1. Copiez le composant, la police et les helpers dans votre composition.
  2. Positionnez le cadre sur la cible et appelez hwBoxBuild, hwBoxOn et hwBoxOff.
  3. Réglez CONFIG (entrée, trait, étiquette, vibration) puis rendez.

Aperçu du contenu

Fichiers

  • assets/fonts/Caveat-700-latin.woff273,2 Ko
  • demo.html25,8 Ko
  • hw-box-label.html24 Ko
  • LICENSE10,5 Ko
  • LISEZMOI.md1,1 Ko
  • NOTICE-PALATEKIT.md0,5 Ko
  • registry-item.json1,9 Ko

Origine et licence

Modifié par PalateKit

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

Notice

Version modifiée de « Hand-Drawn Box Label » (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

Comment l'utiliser dans un projet HyperFrames ?

Copiez le balisage .hw-box, le bloc CONFIG et les fonctions hwBoxBuild, hwBoxOn, hwBoxOff, puis placez le cadre sur votre cible avec des positions seulement.

Puis-je placer plusieurs cadres ?

Oui : chaque instance peut surcharger les réglages avec les mêmes valeurs déclarées, via les options de hwBoxBuild.