Screenshot of Parallax Floating Effect in Framer

The Parallax Floating Effect component in Framer brings a subtle, responsive motion to elements by shifting them based on cursor movement. This effect creates a sense of depth, making designs feel more interactive and engaging. Users can control how elements move, choosing if they follow the cursor or move in the opposite direction while adjusting speed and smoothing settings to refine the responsiveness.

Layering different speeds across multiple elements can add even more dimension, making UI designs feel more dynamic. Built to work within Framer, this component provides an easy way to introduce motion without custom code, making interactions more fluid and visually appealing.

UI & UX design inspiration for mobile & web apps.

orbs




Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.