62:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 63:T92e,

Rotating Text Badge creates a circular ring of text that’s ideal for stamps, logos, hero accents, and UI callouts. It’s designed to be simple to style, easy to animate, and fully editable from the Framer properties panel.

Text + layout

Text + Separator: define the label and the divider glyph used in repeated layouts.
Repeat Mode
- As Is: renders your text exactly as typed.
- Auto Fill: repeats your text + separator to approximate a full 360° ring.
Radius: controls how far the text sits from the center.
Offset: rotates the starting position to align the badge exactly where you want.
Orientation: choose Tangent (classic circular label) or Radial (letters face outward).
Text Side: switch Outside / Inside while keeping the text readable.

Motion

Spin: toggle continuous rotation on/off.
Speed (RPM): higher value = faster rotation (intuitive control).
Reverse Spin: flips spin direction without changing the text layout.
On Hover: none / speedUp / slowDown / pause / goBonkers
- SpeedUp Multiplier (1–10x) appears when SpeedUp is selected.
- SlowDown Multiplier (0.1–0.99x) appears when SlowDown is selected.

Styling

Font: full Framer font control (family, size, weight, etc.).
Text Color + Opacity: fine-tune legibility across backgrounds.
Center Fill: optional center shape with solid/linear/radial fill, plus inset, blur, and opacity controls.
Ring: optional border ring with thickness, color, and opacity.

Use it to add brand personality with minimal setup—clean by default, and expressive when you turn on motion and hover behavior.

64:T59d,

Dot Field Background is a lightweight, responsive animated background that renders a field of dots with proximity links. It supports drift/orbit motion and optional cursor interaction (repel/attract). Designed for hero sections and large backgrounds.

Key features

Canvas 2D (no external dependencies)
Responsive: fills its layer and adapts to resizing
Modes: Drift / Orbit
Interaction: Off / Repel / Attract
Tracking: Off / Global (click-through) / Local (captures)
Custom controls for density, speed, dot size, link distance, colors, and alpha

How to use

Drop the component into a Frame/Section and set Width/Height to Fill.
Place it behind content.
Keep Tracking = Global if you want it interactive without blocking clicks on buttons/links above it.
Use Local only when you want the background layer to capture pointer input.

Suggested defaults

Mode: Drift
Interaction: Repel
Tracking: Global (click-through)
Cursor Ease: 40

Performance noteHigher Density and Link Distance increase work per frame. For very large sections, reduce Density slightly.

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-abbd70cf-a558-4172-9510-051836b4a9b2-all:/unified/creator/abbd70cf-a558-4172-9510-051836b4a9b2/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:abbd70cf-a558-4172-9510-051836b4a9b2:/unified/posts/?creator=abbd70cf-a558-4172-9510-051836b4a9b2&with=reposts":[{"data":[{"id":"019bf741-2333-7ddf-8e03-d67c1f41ec1a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"abbd70cf-a558-4172-9510-051836b4a9b2","name":"Rajat Hooda","slug":"rajat-hooda","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1639693/avatar-d74u1nTYyI42n5yukx7gntS9jFKAGw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"4ZFwoD5Qr2AAf6UKVOZk","resolved":true,"title":"Rotating Text Badge","body":"$63","bodyJson":null,"introduction":"Spinning circular text badge","slug":"rotating-text-badge","author":{"framerUserId":"abbd70cf-a558-4172-9510-051836b4a9b2","name":"Rajat Hooda","slug":"rajat-hooda","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1639693/avatar-d74u1nTYyI42n5yukx7gntS9jFKAGw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/4ZFwoD5Qr2AAf6UKVOZk/rotating-text-badge-JWKp4PMVHPZpRAnT8mQ4u6LuOG8AOZ","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-10T19:43:01.571Z","updatedAt":"2026-01-25T21:55:48.839Z","publishedAt":"2026-01-25T22:23:19.859Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Rotating-Text-ENSsKv.js@gmoO6OXt7R4pzHOjTjJm","previewUrl":"https://curly-series-593501.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"gmoO6OXt7R4pzHOjTjJm","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-25T22:23:19.859Z","updatedAt":"2026-01-25T22:23:19.859Z"},{"id":"019bb1a4-a406-75a7-9dbb-9e863fb4f882","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"abbd70cf-a558-4172-9510-051836b4a9b2","name":"Rajat Hooda","slug":"rajat-hooda","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1639693/avatar-d74u1nTYyI42n5yukx7gntS9jFKAGw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"v83fDGC0BydMbrfDzCkI","resolved":true,"title":"Dot Field Background","body":"$64","bodyJson":null,"introduction":"","slug":"dot-field-background","author":{"framerUserId":"abbd70cf-a558-4172-9510-051836b4a9b2","name":"Rajat Hooda","slug":"rajat-hooda","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1639693/avatar-d74u1nTYyI42n5yukx7gntS9jFKAGw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/v83fDGC0BydMbrfDzCkI/dot-field-background-pT42RzWQumazOmtZauThfQ0ZnxfTKz","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-25T07:08:02.981Z","updatedAt":"2026-01-12T08:58:58.696Z","publishedAt":"2026-01-12T09:58:35.782Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/DotOrbit-Hr42.js@4qsg4Vw0IltefxxaFRCp","previewUrl":"https://considerate-food-966787.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"4qsg4Vw0IltefxxaFRCp","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-12T09:58:35.782Z","updatedAt":"2026-01-12T09:58:35.782Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L65"}]