---
title: "Orbs Floating — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Cards. What is Orbs Floating?"
canonical: "https://framer.elliotli.dev/component/orbs-floating"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Orbs Floating

# Orbs Floating

Premium interactive orbs.

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

![Orbs Floating preview image 1](https://framer.elliotli.dev/og/component/orbs-floating/0748b74d7fc0dd1e/1600x1200.jpg)

## 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**](mailto:contact@teampixel.com.au)**.**

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

-   All · #10334

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-06-20
- **Updated**: 2026-06-21
- **Added**: 2026-06-20
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator