-
Notifications
You must be signed in to change notification settings - Fork 0
Modules
Mindset & Code edited this page Jun 8, 2026
·
1 revision
Pack de 8 módulos reutilizables. Cada uno demuestra una técnica distinta. Patrón: useGSAP()
con scope (cleanup automático).
| Módulo | Técnica que demuestra |
|---|---|
HeroParallax |
ScrollTrigger scrub, imagen de fondo en parallax |
ScrollReveal |
Reveal fade+slide al entrar en viewport (stagger) |
AccordionHover |
Galería que expande al hover/focus (accesible) |
Scene3D |
React Three Fiber + drei + three.js + WebGL |
CountUp |
Interpolación numérica animada con ScrollTrigger |
SvgDraw |
Trazado de paths SVG (strokeDashoffset) |
HorizontalScroll |
Pin + scroll vertical→horizontal |
MagneticButton |
Micro-interacción de puntero con contextSafe |
Pack of 8 reusable modules. Each demonstrates a distinct technique. Pattern: useGSAP()
with scope (automatic cleanup).
| Module | Technique demonstrated |
|---|---|
HeroParallax |
ScrollTrigger scrub, parallax background image |
ScrollReveal |
Fade+slide reveal on viewport enter (stagger) |
AccordionHover |
Gallery that expands on hover/focus (accessible) |
Scene3D |
React Three Fiber + drei + three.js + WebGL |
CountUp |
Animated number interpolation with ScrollTrigger |
SvgDraw |
SVG path drawing (strokeDashoffset) |
HorizontalScroll |
Pin + vertical→horizontal scroll |
MagneticButton |
Pointer micro-interaction with contextSafe |