gFLUO

How to integrate gFLUO with Webflow

gFLUO handles GSAP implementation through the Designer app that injects code automatically, or through a cloneable project that demonstrates attribute patterns you can replicate manually.

Important: gFLUO animates text and heading elements only. For animating images, buttons, or entire page sections, use Webflow's native interactions or custom GSAP code.

Use the gFLUO app

Install the gFLUO app from the Webflow Apps Marketplace. The app appears in your Designer's left panel under Apps. Select text elements on your canvas and choose animations from the library. The app injects GSAP code and attributes automatically during publish.

Setup takes about 5 minutes from installation to the first animation.

Key capabilities

• Access 50+ pre-built scroll-triggered text animations
• Apply animations through visual selector in the app panel
• Remove or swap animations with single-click controls
• Preview scroll behavior on staging before publishing

Plan requirements

• Install and test: All plans (including free Starter)
• Publish animations live: Requires a paid Site plan (Basic, CMS, Business, or Enterprise)

Learn from the cloneable project

The official gFLUO cloneable demonstrates animation implementations you can study and adapt. Clone the project, examine how animations are configured, and copy patterns to your own sites. The cloneable includes tutorials covering four progressive skill levels.

What you can build

Integrate gFLUO with Webflow for scroll-triggered text animations without JavaScript.

• Marketing landing pages: Build pages where headings and value propositions animate into view as visitors scroll. Apply fade-in and slide-up animations to hero text and call-to-action sections that reveal content progressively.
• Portfolio text reveals: Create portfolio pages where project titles and case study text trigger animations based on scroll position. Use stagger effects on text blocks to reveal project details sequentially.
• Editorial reading flow: Design article pages where headings, pull quotes, and emphasis text animate during reading. Apply subtle fade effects that activate when readers reach specific sections.
• Multi-section homepages: Develop business pages where service descriptions and statistics animate as visitors explore. Configure scroll-triggered text animations throughout About and Services sections.