63:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3bibva_hl5iqy.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3o8r_4s04xi2z.js","/creators-assets/_next/static/immutable/chunks/2fjwvdycfnlp5.js","/creators-assets/_next/static/immutable/chunks/0r10zdsyx-ur2.js","/creators-assets/_next/static/immutable/chunks/1cuuzi60s_xh3.js","/creators-assets/_next/static/immutable/chunks/0h4bpdjiu20m1.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3s2zch-ye42_l.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/00ebnw8devfa0.js","/creators-assets/_next/static/immutable/chunks/43086d68m86ee.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/3kdp38xspo624.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/1sugay03d_r-_.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0mq1i7guy9x38.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/16kvwplszpb49.js","/creators-assets/_next/static/immutable/chunks/0mh5jvwc33gcz.js","/creators-assets/_next/static/immutable/chunks/32_fdxpqhpsw-.js","/creators-assets/_next/static/immutable/chunks/3um5ae_udgvki.js","/creators-assets/_next/static/immutable/chunks/09nuoamhdspq1.js","/creators-assets/_next/static/immutable/chunks/2t30dt_pkt6vy.js","/creators-assets/_next/static/immutable/chunks/2m-zjjbxmagmn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/3uclgk1u5qk0z.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0lx7q3wrd-vbb.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js"],"S"] 64:T742,

Animated dot orbs for AI and agent interfaces. Drop one in as a loader, a status indicator next to “Thinking…” text, or a full-size hero visual. It looks right from 20px icons to 800px heroes.

Six animations

Working: particles circling on tilted orbits
Searching: a scan line sweeping a dotted globe
Solving: bands twisting like a puzzle, then snapping back
Listening: a waveform rolling through the rings
Composing: an undulating ribbon of dots
Shaping: a dotted outline morphing between circle, triangle and square

Controls

State: switch between the six animations
Color: any color, including color styles, so it can follow your dark mode
Speed, Spin and Tilt: set the motion and viewing angle
Dot Size and Density: from sparse and airy to dense and detailed
Follow Cursor: the orb turns and drifts toward the cursor
Depth, Background, Pause and a screen-reader label

Built to perform

Lightweight 2D canvas, no WebGL
Pauses automatically when off-screen or in a background tab
Shows a still frame for visitors who prefer reduced motion
Fully responsive: resize it like any layer

Great for

AI products and chat interfaces, agent dashboards, SaaS landing pages, loading and empty states, and product launch heroes.

Good to know

Follow Cursor works in Preview and on your published site. Framer’s canvas doesn’t pass mouse movement to components while you design.

Built on the open-source thinking-orbs library by Jakub Antalik (MIT license).

62:["$","$L63",null,{"value":{"fallback":{"$inf$activity-creator-68f1cd22-5696-4daa-aac3-a29559b16af2-all:/unified/creator/68f1cd22-5696-4daa-aac3-a29559b16af2/activity/":[{"data":[{"id":"01a0da52-57ff-7158-ad6d-72d946f342c3","type":"component.created","target":{"type":"component","id":"7k5EzmEDFNDDqUmZprXy","preview":"Pulsing Orb","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/68f1cd22-5696-4daa-aac3-a29559b16af2/01a0da51-ec7e-7118-95f6-cadabf09dd01.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"68f1cd22-5696-4daa-aac3-a29559b16af2","name":"Benji Berg-Einhorn","avatar":null,"slug":"benji-berg-einhorn","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-25T20:47:04.703Z","latestAt":"2026-09-25T20:47:04.703Z"},{"id":"019f9259-977e-7274-869f-9bd93755147b","type":"template.liked","target":{"type":"template","id":"52408","preview":"Velaa","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/52408/velaa-hLWvc1zBClah6CxYJ2bkKiA2XaimiB","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"68f1cd22-5696-4daa-aac3-a29559b16af2","name":"Benji Berg-Einhorn","avatar":null,"slug":"benji-berg-einhorn","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-24T04:19:32.858Z","latestAt":"2026-07-24T04:19:32.858Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:68f1cd22-5696-4daa-aac3-a29559b16af2:/unified/posts/?creator=68f1cd22-5696-4daa-aac3-a29559b16af2&with=reposts":[{"data":[{"id":"01a0da52-5584-770c-95ba-ad17ca85f3cd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"68f1cd22-5696-4daa-aac3-a29559b16af2","name":"Benji Berg-Einhorn","slug":"benji-berg-einhorn","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"7k5EzmEDFNDDqUmZprXy","resolved":true,"title":"Pulsing Orb","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated dot orbs for AI and agent interfaces. Drop one in as a loader, a status indicator next to “Thinking…” text, or a full-size hero visual. It looks right from 20px icons to 800px heroes."}]},{"type":"paragraph","content":[{"type":"text","text":"Six animations","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Working: particles circling on tilted orbits"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Searching: a scan line sweeping a dotted globe"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Solving: bands twisting like a puzzle, then snapping back"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Listening: a waveform rolling through the rings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Composing: an undulating ribbon of dots"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shaping: a dotted outline morphing between circle, triangle and square"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Controls","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"State: switch between the six animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color: any color, including color styles, so it can follow your dark mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Speed, Spin and Tilt: set the motion and viewing angle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dot Size and Density: from sparse and airy to dense and detailed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Follow Cursor: the orb turns and drifts toward the cursor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Depth, Background, Pause and a screen-reader label"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built to perform","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight 2D canvas, no WebGL"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pauses automatically when off-screen or in a background tab"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shows a still frame for visitors who prefer reduced motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive: resize it like any layer"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Great for","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"AI products and chat interfaces, agent dashboards, SaaS landing pages, loading and empty states, and product launch heroes."}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow Cursor works in Preview and on your published site. Framer’s canvas doesn’t pass mouse movement to components while you design."}]},{"type":"paragraph","content":[{"type":"text","text":"Built on the open-source thinking-orbs library by Jakub Antalik (MIT license)."}]}]},"introduction":"Animated dot orbs","slug":"pulsing-orb","author":{"framerUserId":"68f1cd22-5696-4daa-aac3-a29559b16af2","name":"Benji Berg-Einhorn","slug":"benji-berg-einhorn","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/68f1cd22-5696-4daa-aac3-a29559b16af2/01a0da51-ec7e-7118-95f6-cadabf09dd01.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-25T20:47:03.425Z","updatedAt":"2026-09-25T21:13:53.989Z","publishedAt":"2026-09-25T20:47:03.421Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://bisque-circle-527547.framer.app/","price":"3","paymentUrl":"https://benjieinhorn.gumroad.com/l/ytkjkn?wanted=true","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"2ZTEqq99WXaR6j1VsqjP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-25T20:47:04.068Z","updatedAt":"2026-09-25T20:47:04.068Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L65"}]