GSAP Animations

GSAP (GreenSock) is a professional animation engine bundled inside BuildPress. It is not loaded from a CDN, it ships with the plugin and runs from your own server. Turn it on once, then describe the motion you want and your AI builds it.

What it can do

GSAP covers the motion patterns a polished site actually uses. You do not learn an API, you ask for the effect:

• Scroll-triggered reveals as sections enter the viewport
• Staggered entrances, where items animate in one after another
• Parallax, where a background moves at a different speed than the foreground
• Pinned sections that hold in place while other content scrolls over them
• Text animation by character, word, or line
• Layout morphing (FLIP), where an element smoothly transitions between two states
• Draggable and magnetic interactions

Each page loads only the modules it actually uses, so a page with one scroll reveal does not ship the whole library.

You turn it on, not the AI

GSAP ships off by default. It is opt-in, and the toggle lives at WordPress Admin -> BuildPress -> Integrations. Your AI can never enable GSAP. It is a user-only toggle. This is deliberate: motion is a choice you make, not one your AI makes for you.

If a build needs motion while GSAP is off, your AI tells you it cannot animate yet, asks you to enable GSAP at BuildPress -> Integrations, and waits. It never injects GSAP from a CDN, and it never drops in an inline script to get around the toggle.

How motion ships

Motion is always delivered as a saved BuildPress widget that declares which GSAP modules it uses. It is not loose script glued onto a page, it is a real widget in your widget library, bound to your design system like everything else BuildPress builds.

Every animation respects prefers-reduced-motion. If a visitor has reduced motion turned on in their operating system, the animation steps aside and the content still arrives. You get the motion you asked for without leaving anyone behind.

Trigger the AI

Once GSAP is enabled, paste any of these to your AI. Each one maps to a real GSAP capability, and your AI builds it as a token-bound widget:

• Add a scroll reveal to this section.
• Make the hero text animate in on load.
• Add a subtle parallax to the hero background.
• Pin this section while the next content scrolls over it.
• Animate the headline letter by letter.
• Make this button magnetic.

House style keeps motion tasteful: it has intent, uses fast-in and settled-out easing, runs short, choreographs with stagger, and aims for one signature moment per section rather than animating everything at once.

Requirements

• Turn it on at WordPress Admin -> BuildPress -> Integrations. That is the only step.
• Nothing else to install. GSAP is bundled with BuildPress and included with every plan (Solo, Team, and Agency).