Orbit Reveal - Hover — Interactive orbit hover expansion UI

Elevate your Framer projects with Orbit Reveal — a sleek, interactive component that turns orbit dots into dynamic, expanding content displays.

How It Works

Default State

• Small circular dot

• Title label

• Clean orbit-style layout

Hover State

1. The circle smoothly expands

2. A gradient background fades in

3. The title shifts toward the centre

4. The description fades into view

5. Other items subtly dim to maintain focus

________________________________________

Features

• Smooth hover expansion animation

• Elegant gradient reveal effect

• Minimal orbit-style layout

• Focus-based interaction design

• Fully customizable within Framer

• Lightweight and responsive

________________________________________

Best Use Cases

Orbit Reveal works perfectly for:

• Services sections

• Product features

• Process steps

• Team roles

• Pricing highlights

________________________________________

Customization

The component is fully customizable inside Framer, allowing you to easily modify:

• Titles and descriptions

• Gradient colors

• Circle sizes

• Item spacing

• Hover animation timing