⚠️ 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:

1️⃣ ANIMATING LISTS (Repeating Groups)
Use the "Velocita Stagger" element to create a cascading effect.

1. Place the 'Velocita Stagger' element anywhere on your page.
2. Select your Repeating Group and give it a unique 'ID Attribute' (e.g., "my-product-list").
3. In the Velocita element properties:
  - Repeating Group ID: "my-product-list"
  - Animation: Choose "Slide Up" or "Fade In".
  - Stagger Time: 0.1 (This is the delay between each item).
 
👉 Tip: The plugin automatically detects when the user scrolls and reveals items individually. It also handles "Infinite Scroll" layouts automatically!

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

2️⃣ ANIMATING SINGLE ELEMENTS
Use the "Velocita Item" element for Headers, Buttons, or Images.

1. Give your target element an ID (e.g., "hero-title").
2. Place a 'Velocita Item' element on the page.
3. In the properties:
  - Element ID: "hero-title"
  - Trigger: "On Page Load" (runs once) or "On Visible" (runs when scrolled into view).
  - Preset: "Fade Down" or "Scale In".
  - Ease: "Bouncy" works great for buttons; "Soft" is best for text.

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

3️⃣ MICRO-INTERACTIONS (Hover Effects)
Create Apple-style hover effects without workflows.

1. Give a Group or Button an ID (e.g., "card-1").
2. Add a 'Velocita Item'.
3. Set Trigger to "On Hover".
4. The element will smoothly scale up (1.05x) when hovered and scale down when the mouse leaves.

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

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.