ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-04 16:42:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(registry): polish caption timing and add highlight style

Browse Source 
- clip-wipe: slower reveal (0.3s), longer hold, smoother exit
- glitch-rgb: 2.5x larger RGB split, stronger scanlines, more dramatic jitter
- gradient-fill: smoother word transitions (0.15s), longer exit
- typewriter: extended group hold times so text lingers on screen
- weight-shift: per-word font-weight animation (200→900), was broken
  with only line-level shift that never triggered on single-line groups
- Add caption-highlight: red background sweep behind active word (TikTok-style)
- Re-rendered and uploaded preview videos for all 6 components
This commit is contained in:
Miguel Ángel
2026-05-17 18:42:17 -04:00
parent 6c533c0b0f
commit 47c520d02e
22 changed files with 705 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files
registry/components/caption-gradient-fill/demo.html
Vendored
+3 -3
View File
@@ -233,11 +233,11 @@
groupWords.forEach(function (w, i) {
var wi = g.wordStart + i;
var el = document.getElementById("gr-w-" + wi);
tl.to(el, { opacity: 1, scale: 1.1, duration: 0.08 }, w.start);
tl.to(el, { opacity: 0.3, scale: 1, duration: 0.08 }, w.end);
tl.to(el, { opacity: 1, scale: 1.1, duration: 0.15 }, w.start);
tl.to(el, { opacity: 0.3, scale: 1, duration: 0.15 }, w.end);
});
tl.to(grp, { y: -26, opacity: 0, duration: 0.18 }, g.end - 0.18);
tl.to(grp, { y: -26, opacity: 0, duration: 0.25 }, g.end - 0.25);
tl.set(grp, { opacity: 0, visibility: "hidden" }, g.end);
});