5e:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/2ul6havqzfm41.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ouyrs2yz196q.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/3-tcb9ouhlqkm.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/1fo1h_o5odhhk.js","/creators-assets/_next/static/immutable/chunks/102lphbyhyqtr.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/1zpmt8l695i6d.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2rwbpl35w01v4.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/1p31g3z3kho5v.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/3sj_xp-v1_jxx.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/0ph1ht6wvel_v.js","/creators-assets/_next/static/immutable/chunks/2zfre20tirh12.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/0v-er0xp5q011.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0-hg6m03a-yoq.js"],"PostDetailCard"] 5f:T7e5,

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

The circle smoothly expands
A gradient background fades in
The title shifts toward the centre
The description fades into view
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

Hover Reveal, Orbit Reveal, Hover Animation, Interactive UI Framer, Framer Interaction, Orbit Hover, Animated Section Framer, Feature Showcase, Hover Interaction, Feature Reveal, Interactive Section, Feature Highlight, Radial Layout, Details Reveal on Hover, Smooth Hover Effect, Hover.

If you have any questions and need support, contact us at hello@7synctech.com. We're happy to help.

5b:[["$","$L5e",null,{"post":{"id":"019d8b29-0c07-7fec-8597-4526ffa48034","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e345ab55-2332-4208-93c3-60dfe7e719ff","name":"7 Sync Technologies","slug":"7-sync-technologies","avatar":"https://framerusercontent.com/avatars/users/e345ab55-2332-4208-93c3-60dfe7e719ff/LZO9fplfb","followed":false,"followsYou":false},"media":[],"resources":[{"id":"SSGptUzcaMHDeHXrGpQs","resolved":true,"title":"Orbit Reveal - Hover","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your Framer projects with Orbit Reveal — a sleek, interactive component that turns orbit dots into dynamic, expanding content displays."}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Default State"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Small circular dot"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title label"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean orbit-style layout"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Hover State"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The circle smoothly expands"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A gradient background fades in"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The title shifts toward the centre"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The description fades into view"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Other items subtly dim to maintain focus"}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"________________________________________"}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth hover expansion animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Elegant gradient reveal effect"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Minimal orbit-style layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Focus-based interaction design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable within Framer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight and responsive"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"________________________________________"}]},{"type":"customHeading","content":[{"type":"text","text":"Best Use Cases"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Orbit Reveal works perfectly for:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product features"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Process steps"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Team roles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing highlights"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"________________________________________"}]},{"type":"customHeading","content":[{"type":"text","text":"Customization"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The component is fully customizable inside Framer, allowing you to easily modify:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Titles and descriptions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gradient colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Circle sizes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Item spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover animation timing"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Hover Reveal, Orbit Reveal, Hover Animation, Interactive UI Framer, Framer Interaction, Orbit Hover, Animated Section Framer, Feature Showcase, Hover Interaction, Feature Reveal, Interactive Section, Feature Highlight, Radial Layout, Details Reveal on Hover, Smooth Hover Effect, Hover."}]},{"type":"paragraph","content":[{"type":"text","text":"If you have any questions and need support, contact us at ","marks":[{"type":"bold"}]},{"type":"text","text":"hello@7synctech.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@7synctech.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":". We're happy to help.","marks":[{"type":"bold"}]}]}]},"introduction":"Interactive orbit hover expansion","slug":"orbit-reveal-hover","author":{"framerUserId":"e345ab55-2332-4208-93c3-60dfe7e719ff","name":"7 Sync Technologies","slug":"7-sync-technologies","avatar":"https://framerusercontent.com/avatars/users/e345ab55-2332-4208-93c3-60dfe7e719ff/LZO9fplfb","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/SSGptUzcaMHDeHXrGpQs/orbit-reveal-hover-mCM18cmdLB48MsRr2VztO1souzY9h0"}],"post":null,"createdAt":"2026-04-03T14:04:37.465Z","updatedAt":"2026-06-19T12:01:22.929Z","publishedAt":"2026-04-14T08:43:36.327Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/OrbitReveal-L14EJW.js@4mpikab6iigvXQq9ZybF","previewUrl":"https://orbit-reveal.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"4mpikab6iigvXQq9ZybF"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":41,"liked":false},"comments":{"count":8},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-14T08:43:36.327Z","updatedAt":"2026-04-14T08:43:36.327Z","reported":false}}],"$L60"]

Suggested for you

Suggested for you

Suggested for you