Floating Shapes

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/

Gumroad URL: 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.