Sections

Expanding Hero

An accent-green bar expands top-to-bottom like a closing curtain, contracts back to a thin line, then that line recedes right-to-left until it fully disappears — the real Hero content glides in underneath in the same motion instead of flashing in afterward.

PREMIUM

// Expanding Hero
// Unlock Premium to view this effect's code and AI agent prompt.
//
// → gsapmastery.com/pricing

🔒

Unlock all premium effects, code, and AI agent prompts.

Unlock Premium →

// live preview

Take the free effects with you

Agent-ready AI prompts — 8 of our best free effects, straight to your inbox.

FREE

Unlock Premium →

About this effect

Yes — Premium membership includes a commercial licence. Free effects can be used in any project, commercial or personal, without attribution.

Check the AI agent prompt for plugin imports (SplitText, DrawSVG etc.). If Club plugins are used, you'll need a GreenSock Club licence for commercial projects.

Copy the AI agent prompt (available with Premium) and paste it into Claude, ChatGPT, or your favourite AI agent. It instructs the model on how to restyle or integrate the effect directly into your project.

Expanding Hero

More Sections effects

About this effect