---
title: "Floating Shapes — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Rohit Anand · Effects. Interactive Floating Shapes Add a playful interactive layer to your Framer website with floating images and editable cursor letters."
canonical: "https://framer.elliotli.dev/component/floating-shapes"
---

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

# Floating Shapes

Interactive Framer Component

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

![Floating Shapes preview image 1](https://framer.elliotli.dev/og/component/floating-shapes/24c0a081d4da451a/1600x1067.jpg)

## Summary

Interactive Floating Shapes Add a playful interactive layer to your Framer website with floating images and editable cursor letters.

## Description

Interactive Floating Shapes

Add a playful interactive layer to your Framer website with floating images and editable cursor letters. Preview Here: [https://playinteraction.framer.website/](https://playinteraction.framer.website/)

Gumroad URL: [https://rohitanand.gumroad.com/l/cqbdb](https://rohitanand.gumroad.com/l/cqbdb)

### Features

-   Upload your own images directly from Framer
    
-   Replace the default floating artwork
    
-   Edit all cursor letters from the property panel
    
-   Adjust letter font, weight, and size
    
-   Control the distance between all elements
    
-   Control overall element scale
    
-   Smooth mouse-following parallax
    
-   Cursor repulsion mode
    
-   Floating animation with adjustable speed and intensity
    
-   Drag individual elements
    
-   Optional snap-back after dragging
    
-   Custom cursor color
    
-   Custom background color
    
-   Static-renderer optimized for Framer
    

### Easy Customization

Everything is controlled from the Framer property panel, so you can customize the visuals without editing the code.

Perfect for interactive hero sections, portfolios, creative websites, agency sites, landing pages, and experimental layouts.

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

-   All · #3730

## Details

- **Author**: Rohit Anand
- **Price**: $12.00
- **Published**: 2026-08-27
- **Updated**: 2026-08-27
- **Added**: 2026-08-27
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo