[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
2

Hey bubblers! :waving_hand:

I’m incredibly excited to announce the biggest update ever to Velocita Pro (V2). We’ve spent weeks rewriting the core GSAP engine to bring true, agency-level “Awwwards” animations to Bubble—with zero code and buttery-smooth 60fps performance! :racing_car::dashing_away:

If you want to build luxury landing pages, portfolios, or SaaS frontends, this update is a game-changer.

:glowing_star: Highlight Reel - What’s New in V2:

:sparkles: The Ultimate Magic Cursor We finally beat the infamous Chrome “tab-switch” bug! The cursor is now 100% bulletproof. Plus, you can now choose between Solid, Ring, or Square styles, AND inject Dynamic Text (like “VIEW” or “DRAG”) that pops up when hovering over buttons! :computer_mouse:

:film_frames: Magnetic Horizontal Scrolling Horizontal scrolling just got a massive upgrade. It now features Snap functionality! When your users release the scroll wheel, the gallery magnetically aligns to the nearest item. We also locked down the CSS so it plays perfectly with Bubble’s Flexbox!

:magic_wand: Text Reveal & Stagger on Steroids

  • New Premium Presets: 3D Flip Up and Swoosh!

  • Staggering Repeating Groups is now powered by ScrollTrigger.batch(), meaning infinite scrolling and pagination are handled flawlessly with zero memory leaks.

  • SEO-Safe: Text splitting now uses semantic HTML so Google and screen readers can still read your animated titles perfectly.

:milky_way: Upgraded Parallax, Marquee & 3D Tilt

  • Marquee: Added “Smooth Pause” (slows down gracefully on hover instead of a harsh stop) and a “Reverse Direction” toggle!

  • Parallax: You can now add X-axis movement for horizontal floating effects.

  • Tilt 3D: Elements inside your 3D cards now genuinely float in 3D space (preserve-3d), and cards give a tactile “pop” (scale) when you hover them.

:hammer_and_wrench: Under the Hood We’ve implemented heavy cleanup mechanics (.kill()), aggressive garbage collection, and GPU acceleration (will-change: transform) across the entire suite. It’s faster, lighter, and completely crash-proof even on complex SPAs.

:backhand_index_pointing_down: Update your plugin to V2 today and let me know what you build!

Happy building! :rocket::sparkles:

1 Like