Orbs Floating

What is Orbs Floating?

Orbs Floating is an engaging interactive navigation pattern that captures user attention through organic, subtle motion. Users hover over elegant floating icons that smoothly expand into beautifully formatted bento cards featuring rich imagery, typography, and clear calls to action. It is the perfect centerpiece for premium showcases, creative studios, and high-end retail websites.

Core Features

• Interactive orbiting motion with refined spring physics

• Premium expanding bento-style cards on hover

• Complete design customization across 14 unique color properties

• Dynamic icons with 15 built-in luxury SVG presets

• Custom image and custom SVG upload support

Controls inside Framer

Orbs Data

• Title

• Subtitle

• Icon (15 Presets, Custom SVG, or Custom Image)

• Image

• CTA Text

• CTA Link

Layout and Sizing

• Offset X and Offset Y

• Orb Size

• Spread radius

• Float Intensity

Colors

• Orb Background and Border

• Card Background and Border

• Title and Subtitle text

• Accent color

• CTA normal and hover states

• Icon Badge Background and Border

Typography

• Title Font

• Subtitle Font

Best use cases

• Luxury brand collections and editorial showcases

• High-end architecture and creative studio portfolios

• Interactive feature highlights for modern websites

• Engaging visual navigation menus

Transform your digital presence with interactions that feel truly alive and exceptionally crafted.

Questions or custom requests?

We design and build custom Framer components. Get in touch at contact@teampixel.com.au.