[NEW PLUGIN] Velocita: The GSAP-Powered 60fps Animation Suite 🚀 (Free & Pro)

Showcase Plugins
1

Hey Bubblers! :waving_hand:

We all know the struggle: native Bubble animations can sometimes feel a bit “clunky” or laggy, especially on mobile or in heavy Repeating Groups. I wanted to bring Awwwards-level smoothness to our apps, so I built Velocita.

Velocita is an animation engine powered by GSAP, the industry standard for high-performance motion. It forces GPU acceleration to ensure your site feels like silk.

:green_circle: VELOCITA FREE: The Essentials

The free version is all about performance and ease of use. Stop using workflows for basic entry effects!

  • Smart Stagger (The “Netflix” Effect): Cascading list reveals for Repeating Groups that handle “Infinite Scroll” automatically.

  • Velocita Item: Trigger professional presets (Fade, Scale, Blur) On Page Load, On Hover, or On Visible.

  • Zero Dependencies: No jQuery, lightweight, and mobile-optimized.

:link: Get Velocita Free here: FREE VERSION

:rocket: VELOCITA PRO: The Creative Powerhouse

For those looking to build truly elite, unique experiences, Velocita Pro unlocks complex scroll-jacking and interactive features.

  • Horizontal Scrolling :film_frames:: Transform vertical scroll into a seamless lateral gallery.

  • Magic Cursor :computer_mouse:: A liquid follower with “Sentinel Logic” that stays hidden across tab switches—no more system cursor flickering!

  • Advanced Pinning :round_pushpin:: Lock elements in place while others move around them.

  • 3D Tilt & Parallax: Add realistic depth and perspective to your cards and backgrounds.

  • Text Reveal Pro: Character-by-character and word-by-word staggered reveals.

  • High-Performance Marquee: Buttery-smooth infinite loops for text and logos.

:link: Upgrade to Velocita Pro: PRO VERSION

:light_bulb: Why Velocita?

Native animations rely on outdated methods. Velocita uses GSAP ScrollTrigger, meaning your animations are calculated outside the main thread, keeping your app responsive even during heavy transitions.

:warning: Quick Setup:

  1. Enable ID Attributes in your Bubble Settings.

  2. Add a Velocita element to your page.

  3. Assign the ID to your target group. Done.

I’d love to hear your feedback or see the cool things you’re building with it!

Happy bubbling! :clinking_glasses:

2 Likes