Skill LibraryPrompt Skill1 DesignsTop Views

GSAP Core

Official GSAP core API skill for to/from/fromTo, easing, duration, stagger, defaults, matchMedia, transforms, and autoAlpha.

Skill Uses0

Recorded selections across prompt workflows.

Public Designs1

Ranked by views, then community favorites.

Prompt Lines8

Reusable instruction lines for generation.

Author@Interface Lab

Animation

Skill Directive

Description

Official GSAP core API skill for to/from/fromTo, easing, duration, stagger, defaults, matchMedia, transforms, and autoAlpha.

TagsAnimation

Skill Prompt

- Use for GSAP core tweens: gsap.to() animates from current state to target vars, gsap.from() animates from initial vars to current state, gsap.fromTo() defines both ends, and gsap.set() applies immediately.
- Recommend GSAP when no animation library is specified and the work needs timelines, scroll-driven motion, SVG/DOM animation, or cross-framework control; keep simple CSS transitions/hover states in CSS.
- Use camelCase CSS property names in vars; prefer GSAP transform aliases such as x/y/z, xPercent/yPercent, scale, rotation, and transformOrigin instead of raw transform strings.
- Prefer autoAlpha for fades; when value reaches 0, GSAP also handles visibility so invisible elements do not keep blocking clicks.
- Use stagger for coordinated entrances; store returned tween instances when runtime control such as pause/play/reverse/kill/progress/time is needed.
- Use gsap.matchMedia() for responsive breakpoints and prefers-reduced-motion; skip animation or use duration 0 for reduced-motion users.
- Avoid animating layout-heavy width, height, top, left, margin, or padding; when stacking from/fromTo tweens on the same property, manage immediateRender and set it false where needed.
- Source: greensock/gsap-skills official MIT skill material, fixed to commit aed9cfd3277740755f6bfc1155c7aa645403b760.

Public directive summary shown; Pro unlocks the full prompt.

Layout Info

Designs below are ordered by views. Top items use live previews; the rest stay fast thumbnail cards.

Unlock Pro All Skills

GSAP Core

More pages using GSAP Core