---
title: "Floating Parallax — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Anton Proshkuratov · Effects. Floating Parallax is a refined interaction component designed to bring depth, motion, and spatial nuance to modern layouts."
canonical: "https://framer.elliotli.dev/component/floating-parallax"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Floating Parallax

# Floating Parallax

All-in-One Parallax Engine.

[View on Framer](https://framer.com/marketplace/components/floating-parallax/?via=elliot-li)

![Floating Parallax preview image 1](https://framer.elliotli.dev/og/component/floating-parallax/6b2bff67eb36bcaa/1600x1200.jpg)

## Summary

Floating Parallax is a refined interaction component designed to bring depth, motion, and spatial nuance to modern layouts.

## Description

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-si89rs6y-cGxehtgPsOQz1b5FwtEPBtVf8498pu)](https://floating-parallax.framer.website/)

Floating Parallax is a refined interaction component designed to bring depth, motion, and spatial nuance to modern layouts.

It responds to cursor movement with smooth, natural motion, subtly shifting elements to create a sense of dimensionality. Without requiring rigid structures or manual setup, it integrates seamlessly into your composition — turning static layouts into responsive, immersive scenes.

Carefully balanced between control and simplicity, it allows you to craft anything from minimal micro-interactions to rich, layered visuals.

## Features

-   Real-time cursor-driven movement
    
-   Smooth, physics-inspired motion
    
-   Precise control over movement and intensity
    
-   Optional 3D tilt with adjustable perspective
    
-   Support for layered (multi-depth) compositions
    
-   Works across viewport or within a container
    
-   Optional reset on interaction end
    
-   Designed for smooth, responsive performance
    

## Use Cases

-   Hero sections
    
-   Portfolios
    
-   Product presentations
    
-   Editorial layouts
    
-   Motion-driven interfaces
    

## How It Works

1.  **Place Floating Parallax inside a frame.**
    
2.  **Add other elements in the same container.**
    
    _The component will automatically target the sibling layers of that frame._
    
3.  **Adjust distance, tilt, and tracking settings** _in the properties panel._
    
4.  **Preview the page and move the cursor** _to see the parallax effect._
    

_No manual wiring or layer selection required!_

## Notes

-   Optimized for desktop pointer interactions.
    
-   Touch devices automatically disable the effect for better performance.
    
-   Several Floating Parallax components can stack on the same layout without interfering with each other.
    

## Changelog

### v1.0

Initial release

### v1.1

Fixed transitions and reset behavior for component variant switching

## Refund Policy

Due to the nature of digital products, we do not offer refunds. Once a component is purchased, it cannot be returned. Please review the details before purchasing.

_If you need any clarification about the component, happy to help beforehand:_

_hello-arkus\[at\]protonmail\[dot\]com_

## Rank history [How rankings work →](/terms#rankings)

-   All · #1303

## Details

- **Author**: Anton Proshkuratov
- **Price**: $9.00
- **Published**: 2026-03-19
- **Updated**: 2026-03-27
- **Added**: 2025-12-24
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows