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 “gsap”
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