Line Cursor Switcher

What it does

• Follows your cursor inside the component frame

• Locks the follower to a horizontal line (optional)

• Switches images after the cursor travels a set distance

Setup

1. Drop the component into a section/frame.

2. Upload 2+ images in the Images control (it will automatically delete default images).

3. Enable Line Lock and set Line Y to place the track.

4. Tune Switch Distance and Smoothing to match your design.

Key controls

• Images: Add 2+ images to enable switching

• Line → Lock / Y: Keep the follower on a horizontal track and position it

• Switching → Distance: Pixels traveled before switching to the next image

• Style → Smoothing: Snappy (low) to floaty (high)

• Touch: Optional drag support on mobile