gFLUO
Connect gFLUO, a GSAP animation tool built for Webflow, with your site to add scroll-triggered text animations through custom attributes with no JavaScript required.
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.
Frequently asked questions
Visit the gFLUO app listing in the Webflow Apps Marketplace, click Add to site, and select your project. Open gFLUO in your Designer's Apps panel, select text elements, and choose animations from the library. Animations appear on your live site after publishing.
Install gFLUO on any plan, including the free Starter. Test animations in the staging environment on any plan. To publish your site with animations on a custom domain, you need a paid Site plan (Basic, CMS, Business, or Enterprise).
Yes. Apply animations to CMS template elements through the gFLUO app interface. Important limitation: All items in a CMS collection receive the same animation — you cannot customize animations per item without custom code.
No. gFLUO is designed specifically for text and heading animations. For animating images, buttons, or entire page sections, use Webflow's native interactions or implement custom GSAP code directly.
Yes. gFLUO animations use GSAP scroll triggers while Webflow interactions use the platform's native animation engine. Both systems can coexist on the same page.
Description
gFLUO is an animation tool built exclusively for Webflow that implements GSAP scroll-triggered animations through a visual interface. It provides 50+ pre-built animations for text elements using custom attributes, without requiring JavaScript expertise.
This integration page is provided for informational and convenience purposes only.
Vimeo
Connect Vimeo's professional video hosting platform with Webflow to create engaging websites with high-quality video content, custom players, and seamless CMS integration. Display portfolio reels, educational content, or background videos while maintaining complete control over playback and design.
Videezy Webflow Integration
Connect Videezy (HD stock video library) with Webflow to create engaging backgrounds, hero sections, and dynamic galleries using free and premium footage — no complex production required.
Unsplash
Seamlessly integrate Unsplash's library of over 5 million high-quality, royalty-free images directly into your Webflow Designer. Search, filter, and insert professional photography without leaving your design environment, accelerating content creation while maintaining visual excellence.
Uploadcare File Uploader
Connect Uploadcare's powerful file handling capabilities with Webflow to enable advanced file uploads, image optimization, and content delivery for your websites. This integration allows site visitors to upload files directly through your Webflow forms, automatically processes images for optimal delivery, and stores files securely in the cloud — all without complex backend infrastructure.
SVGator
Add SVGator animations to Webflow sites for scalable vector motion graphics with interactive triggers.
Pixabay
Connect Pixabay's library of 5.3+ million royalty-free images, videos, and audio files to your Webflow site. Build visually rich websites without licensing fees while maintaining complete design control and copyright compliance.
Pngtree
Connect Pngtree – a library of millions of royalty-free PNGs, vectors, and design templates – with Webflow to streamline your design workflow by accessing transparent graphics, infographics, and marketing assets without leaving the platform
Pexels
Add millions of free, high-quality stock photos and videos to your Webflow sites instantly. Search and embed professional media content without leaving Webflow, while maintaining proper attribution and optimizing for performance.
Lottieflow by Finsweet
Download unique Lottie icon animations to implement on your website, product, or app for free. Browse for Lottie files, change hex color, customize easing, and download the JSON file. It’s that simple!
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
