Skip to content

component

Orbs Floating

By Aidan Looker

Details

Summary

What is Orbs Floating?

Description

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 .

Introduction

Premium interactive orbs.

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750184548/148/228/309/79/15
  • All · #8326