Plugins
3 plugins@greensock
Gsap Skills
Gsap Skills from greensock/gsap-skills.
8 skills · plugin
curated
GSAP Landing Page
Build and deploy a high-impact landing page using GSAP animations, bento layout, and persuasive copy.
3 skills · plugin
curated
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”
20 skillsgsap-utils
Provides GSAP utility functions for math, value mapping, randomization, snapping, and unit parsing in animations.
10.9k
gsap-scrolltrigger
Create scroll-driven animations with pinning, scrubbing, and trigger-based timelines using GSAP ScrollTrigger.
10.9k
gsap-frameworks
Animates Vue, Nuxt, Svelte, and SvelteKit components with GSAP, handling lifecycle hooks, scoped selectors, and cleanup on unmount.
10.9k
gsap-core
Animate DOM and SVG elements with GSAP's core engine: tweens, easing, staggers, transforms, and responsive matchMedia.
10.9k
gsap-react
Animate React and Next.js components with GSAP using the useGSAP hook, refs, and context-safe patterns for automatic cleanup and SSR compatibility.
10.9k
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
More results
gpt-taste
Generates award-level UI with GSAP motion, bento grids, and Python-driven randomization for layout variety.
gpt-taste
Generate award-level landing pages with cinematic GSAP motion, gapless bento grids, and strict AIDA structure.
42.4k
animation
Add scroll animations, micro-interactions, or page transitions to a component using GSAP, with reduced-motion support and performance best practices.
1
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.
· bundle
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.
· bundle
landing
Generates a premium single-page HTML landing page with 3D CSS animations, GSAP scroll effects, and mouse-parallax depth. Forces structured intake (product pitch, audience, brand, tone) before generating copy or markup.
20.4k · bundle
premium-frontend-ui
Generates immersive, high-performance web interfaces with advanced motion design, typography, and architectural craftsmanship.
36.2k
epic-design
Build cinematic, scroll-driven 2.5D websites with parallax depth, text animations, and premium effects using CSS and JavaScript.
20.4k · bundle
fixing-motion-performance
Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects.
3.5k
hyperframes-core
Build a single renderable HyperFrames composition using HTML with data-* timing attributes, clips, tracks, sub-compositions, variables, and deterministic rendering rules.
· bundle
frontend-dev
Builds production-ready frontend pages with premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and generative art.
12.9k · bundle
seam-craft
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.
· bundle
web-design
Takes a PRD, reference URL, screenshot, or keywords to produce a DESIGN.md specification, then generates production-ready web code that meets UI/UX, visual, motion, and responsive standards.
635 · bundle