MARKETPLACE
PLUGINS
VELOCITA (PRO)
Velocita (Pro) logo

Velocita (Pro)

Published December 2025
   •    Updated April 2026

Plugin details

Elevate your Bubble app to "Awwwards-level" status with the Pro expansion of the Velocita engine. While the free version handles the essentials, Velocita Pro unlocks the full power of GSAP ScrollTrigger and advanced manipulation for complex, high-end web experiences.
Stop fighting with basic animations. Velocita Pro handles the heavy lifting of pinning elements, horizontal layouts, and complex text reveals—all while maintaining a smooth 60fps with GPU acceleration.

🔥 KEY FEATURES (PRO):

1. Velocita Horizontal Scrolling (Cinematic Track) 🎞️ The crown jewel of V2. Transform vertical scrolls into a seamless lateral gallery. Perfect for portfolio showcases and product features.

2. Velocita Text Reveal ✍️ Animate text character-by-character or word-by-word. Perfect for premium headers that "type" themselves in or reveal through blur and fades.

3. Velocita Parallax 🏔️ Give your site 3D depth. Make background layers move slower than the foreground for a high-end storytelling feel.

4. Velocita Magic Cursor 🖱️ A liquid-style follower that replaces the system pointer. Bulletproof sentinel logic ensures it never flickers, even when switching tabs.

5. Velocita Marquee ♾️ Buttery-smooth infinite loops for logos, text, or images. No gaps, no jumps—just continuous motion.

6. Velocita Tilt 3D 🧊 Make your cards and images react to mouse movement with realistic 3D perspective.

7. Velocita Pinning 📍 Lock elements in place (Pin) for a specific duration while the rest of the page continues to move.

8. Velocita Stagger Pro & Item Pro ⚡️ Advanced versions of our core elements with more easings, custom paths, and multi-step timelines.


Welcome to Velocita V2 – The "Awwwards" Update! 🏆
We’ve completely rebuilt the Velocita engine to bring agency-level, GPU-accelerated GSAP animations directly to your Bubble app. Say goodbye to memory leaks and jittery scrolling!

What's New in V2:

Next-Gen Presets: Added premium "3D Flip Up" and "Swoosh" animations across Item, Stagger, and Text Reveal elements.

Smart Staggering: Now powered by GSAP's native ScrollTrigger.batch(). It flawlessly handles Bubble's Repeating Groups and infinite scrolling without breaking a sweat.

SEO-Friendly Text Reveal: Advanced CSS overflow masking and aria-hidden integration so your text looks stunning while remaining 100% accessible to Google and screen readers.

Magnetic Horizontal Scroll: Added an elegant "Snap" feature. When users stop scrolling, the track automatically magnets to the nearest item!

Bulletproof Magic Cursor: Completely rewritten to conquer the infamous Chrome "tab-switch" bug. Now includes custom shapes (Solid, Ring, Square) and Dynamic Hover Text (e.g., "VIEW" or "DRAG")!

GPU Acceleration: will-change: transform and 3D perspectives (preserve-3d) are now automatically injected for buttery-smooth 60fps performance.

Demo Test: https://demo-app-56978.bubbleapps.io/version-test/velocita_pro/1766069518080x509831869039492540

Editor: https://bubble.io/page?id=demo-app-56978&tab=Design&name=velocita_pro&ai_generated=true

$15

One time  •  Or  $5/mo

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

NoCoddo logo
NoCoddo
Joined 2025   •   83 Plugins
View contributor profile

Instructions

⚠️ IMPORTANT PREREQUISITE: To use this plugin, you must enable ID attributes in your app settings:
1. Go to Settings > General > Advanced Options.
2. Check the box: "Expose the option to add an ID attribute to HTML elements".

----------------------------------------

📚 HOW TO USE (PRO ELEMENTS)

VELOCITA HORIZONTAL SCROLLING
The ultimate lateral experience.

  - Set up a Container Group (ID: horizontal-section) and a Track Group (ID: horizontal-track) inside it.

  - Place the Velocita Horizontal Scrolling element on the page.

  - Set the IDs in the properties. The vertical "scroll depth" is calculated automatically based on your track's content width.


VELOCITA PINNING
Lock elements in view.

  - Target any group by ID.

  - Define how long it should stay pinned (Duration %) and whether the content below should wait (Pin Spacing).


VELOCITA MAGIC CURSOR
A high-end follower that feels like "liquid."

  - Place the Velocita Cursor element anywhere (1x1 px).

  - Set your desired Color and Size.

  - Enable Blend Mode for a premium "inverted" look over text.

  - Check Hide Default to kill the system cursor with our proprietary anti-reset logic.


VELOCITA TEXT REVEAL
Sophisticated entrance for headlines.

  - Give your Text element an ID (e.g., hero-text).

  - Place the Velocita Text Reveal element.

  - Set Target ID to hero-text and choose Split Type (Chars/Words).

  - Choose a preset like "Blur Entrance" or "Fly Up."


VELOCITA PARALLAX
Add depth to your sections.

  - Give an Image or Group an ID (e.g., bg-layer).

  - Add the Velocita Parallax element.

  - Set Speed Factor: 0.5 for slower movement, -0.5 to move in the opposite direction.

----------------------------------------

DEBUGGING:
- If nothing animates, press F12 (Console) and look for "Velocita" messages.
- Ensure your Element ID matches exactly (case sensitive).
- For Repeating Groups, ensure the ID is on the RG element itself, not the group inside the cell.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Productivity   •   Mobile   •   Media   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble