Plugins

3 plugins

Gsap Skills from greensock/gsap-skills.

8 skills · plugin

GSAP Landing Page

Build and deploy a high-impact landing page using GSAP animations, bento layout, and persuasive copy.

3 skills · plugin

Ship GSAP Animated Landing Page

Install this pack to ship a GSAP-animated landing page with scroll-driven effects and performance checks.

4 skills · plugin

Results for “gsa”

19 skills

Provides GSAP utility functions for math, value mapping, randomization, snapping, and unit parsing in animations.

gsap-scrolltrigger

Create scroll-driven animations with pinning, scrubbing, and trigger-based timelines using GSAP ScrollTrigger.

gsap-frameworks

Animates Vue, Nuxt, Svelte, and SvelteKit components with GSAP, handling lifecycle hooks, scoped selectors, and cleanup on unmount.

Sequence and choreograph multi-step animations using GSAP timelines, including nesting, labels, position parameter, and playback control.

Animate DOM and SVG elements with GSAP's core engine: tweens, easing, staggers, transforms, and responsive matchMedia.

Register and use GSAP plugins including ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG plugins, and custom easing plugins.

More results

Animate React and Next.js components with GSAP using the useGSAP hook, refs, and context-safe patterns for automatic cleanup and SSR compatibility.

gsap-framer-scroll-animation

Build scroll animations, parallax effects, pinned sections, and scroll-triggered reveals using GSAP ScrollTrigger or Framer Motion in vanilla JS, React, or Next.js.

36.2k · bundle

gsap-performance

Optimize GSAP animations for smooth 60fps by preferring transforms, avoiding layout thrashing, using will-change, batching reads and writes, and following best practices for stagger, quickTo, and ScrollTrigger performance.

hyperframes-keyframes

Creates seek-safe 2D/3D keyframe animations using GSAP, CSS, Anime.js, WAAPI, FLIP, SVG morph/draw, and text trails for HyperFrames compositions.

hyperframes-animation

Provides atomic motion rules, multi-phase scene blueprints, scene transitions, motion-design techniques, and runtime adapters (GSAP, Lottie, Three.js, Anime.js, CSS, WAAPI, TypeGPU) for composing animations with HyperFrames.

Provides a catalog of cinematic transition techniques (zoom-through, cut-the-curve, waterfall cut, etc.) with GSAP parameters for velocity-matched seams and in-scene motion.

Configures GKE autoscaling with HPA, VPA, and Node Auto-Provisioning using golden path defaults for cost optimization.

14.4k · bundle

premium-frontend-ui

Generates immersive, high-performance web interfaces with advanced motion design, typography, and architectural craftsmanship.

hyperframes-core

Build a single renderable HyperFrames composition using HTML with data-* timing attributes, clips, tracks, sub-compositions, variables, and deterministic rendering rules.

Ensures scene-to-scene transitions composite correctly on the master timeline by defining render prerequisites, including the white-flash guard and how the injector overlaps wrappers.

remotion-to-hyperframes

Port an existing Remotion (React) composition's source to HyperFrames HTML. Use only on explicit requests to migrate from Remotion; for new compositions or uncertainty, use the general HyperFrames skill.

oversized-cursor

Provides a production-proven oversized macOS-style cursor technique for launch videos, covering size, entry, tip-targeting, click animation, and exit laws to carry the viewer's eye.

Author a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot navigation, and built-in presenter mode with speaker notes; also converts an existing page into a deck.