Blenra LogoBlenra
Optimized for: Gemini / ChatGPT / Claude
#GSAP

Advanced AI Prompt for Staggered Grid Entry Animations

Customize the variables below to instantly engineer your prompt.

Required Variables

gsap-staggered-grid-entry-scroll.txt
Act as a UX Motion Architect. Generate a hyper-optimized GSAP animation sequence designed for a massive, heavily populated portfolio masonry grid identified by [GRID_SELECTOR]. When the grid container breaches the viewport threshold, orchestrate an animation where every single [ITEM_CLASS] child executes a subtle, gravity-defying lift (`y: 100` interpolating to `y: 0`) coupled with a seamless opacity fade-in. To guarantee frame-rate stability and prevent the DOM from choking on hundreds of simultaneous tweens, you must explicitly utilize the `ScrollTrigger.batch()` API to group the animations logically by row. Apply a custom, organic [EASING_FUNCTION] (e.g., `power3.out`). Embed absolute logic ensuring that if elements are already within the visible viewport during the initial page load, they animate instantaneously without waiting for a scroll event. Mandate a `once: true` flag to definitively prevent the CPU-heavy sequence from re-triggering.

Example Text Output

"The AI provides a ScrollTrigger.batch() implementation that optimizes DOM performance for grids with numerous project thumbnails."

More Web Components Prompts

View all →

Frequently Asked Questions

What is the "Advanced AI Prompt for Staggered Grid Entry Animations" prompt used for?

The AI provides a ScrollTrigger.batch() implementation that optimizes DOM performance for grids with numerous project thumbnails.

Which AI tools work with this prompt?

This prompt is optimized for Gemini / ChatGPT / Claude, but works great with ChatGPT, Claude, Gemini, and other large language models. Simply copy it and paste it into your preferred AI tool.

How do I customize this prompt?

Use the variable fields above to fill in your specific details. The prompt will auto-update as you type, ready to copy instantly.

Is this prompt free?

Yes! All prompts on Blenra are free to copy and use immediately. No account required.