ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-11 06:30:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(catalog): remove internal source markers

Browse Source
This commit is contained in:
Miguel Ángel
2026-08-13 21:10:12 -04:00
committed by GitHub
parent f7d2260f9d
commit 532caf7aa2
144 changed files with 1347 additions and 1425 deletions
Download Patch File Download Diff File Expand all files Collapse all files
registry/components/confetti/demo.html
Vendored
+12 -12
View File
@@ -30,11 +30,11 @@
padding: 52px;
transform: scale(1.6); /* ponytail: scale wrapper, not GSAP targets */
}
.hf-remocn-confetti {
.hf-catalog-confetti {
color: var(--fg, #111827);
font-family: var(--font-body, Inter, system-ui, sans-serif);
}
.hf-remocn-confetti {
.hf-catalog-confetti {
position: relative;
width: 760px;
height: 428px;
@@ -43,7 +43,7 @@
background: var(--bg, #080b12);
box-shadow: 0 28px 80px color-mix(in srgb, var(--bg, #0f172a) 20%, transparent);
}
.hf-remocn-confetti .mesh {
.hf-catalog-confetti .mesh {
position: absolute;
inset: -22%;
filter: blur(44px);
@@ -65,7 +65,7 @@
transparent 34%
);
}
.hf-remocn-confetti .card {
.hf-catalog-confetti .card {
position: absolute;
inset: 74px 92px;
border: 1px solid color-mix(in srgb, var(--border, #ffffff) 16%, transparent);
@@ -77,7 +77,7 @@
text-align: center;
overflow: hidden;
}
.hf-remocn-confetti .spot {
.hf-catalog-confetti .spot {
position: absolute;
width: 260px;
height: 260px;
@@ -90,7 +90,7 @@
transform: translate(var(--hf-spot-x, 0px), var(--hf-spot-y, 0px));
mix-blend-mode: screen;
}
.hf-remocn-confetti .particle {
.hf-catalog-confetti .particle {
position: absolute;
left: 50%;
top: 54%;
@@ -101,12 +101,12 @@
transform: translate(var(--hf-px, 0px), var(--hf-py, 0px)) rotate(var(--hf-pr, 0deg));
opacity: var(--hf-po, 0);
}
.hf-remocn-confetti h3 {
.hf-catalog-confetti h3 {
margin: 0;
font-size: 44px;
letter-spacing: -0.04em;
}
.hf-remocn-confetti p {
.hf-catalog-confetti p {
margin: 8px 0 0;
font-size: 15px;
color: color-mix(in srgb, var(--muted, #ffffff) 70%, transparent);
@@ -123,7 +123,7 @@
data-duration="5"
>
<div class="demo-frame">
<div class="hf-remocn-confetti">
<div class="hf-catalog-confetti">
<div class="mesh"></div>
<div class="card">
<div class="spot"></div>
@@ -160,7 +160,7 @@
const tl = gsap.timeline({ paused: true });
const startTime = 0.5;
tl.fromTo(
".hf-remocn-confetti .mesh",
".hf-catalog-confetti .mesh",
{
"--hf-x1": "18%",
"--hf-y1": "28%",
@@ -182,12 +182,12 @@
startTime,
);
tl.fromTo(
".hf-remocn-confetti .spot",
".hf-catalog-confetti .spot",
{ "--hf-spot-x": "-120px", "--hf-spot-y": "-70px" },
{ "--hf-spot-x": "190px", "--hf-spot-y": "90px", duration: 3, ease: "sine.inOut" },
startTime,
);
const particles_confetti = gsap.utils.toArray(".hf-remocn-confetti .particle");
const particles_confetti = gsap.utils.toArray(".hf-catalog-confetti .particle");
if (particles_confetti.length) {
tl.fromTo(
particles_confetti,