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:T5ea,

What it does

Context Graph creates a visual network of connected nodes with relationship labels, making it easy to communicate how different elements of a system connect and interact.

Use highlighted nodes to draw attention to key concepts while supporting nodes create context around them.

Perfect for

AI & technology websites
SaaS platforms
Knowledge graphs
Workflow visualizations
Product ecosystems
Process diagrams
Organizational relationships
Data & infrastructure platforms
Consulting and enterprise websites

Key Features

Interactive node-based visualization
Custom node names and labels
Relationship labels between connections
Highlighted primary nodes
Clean, minimal visual style
Flexible positioning and layout
Customizable colors and typography
Responsive Framer implementation
Ideal for complex systems and workflows
No external design tools required

Make complex ideas easier to understand

Instead of explaining interconnected systems through paragraphs of text, NodeFlow gives visitors a visual overview of how everything fits together.

Customize the nodes, relationships, colors, labels, and content to match your product or brand.

64:T48b,

It is a production-ready landing page template built for B2B SaaS and PropTech companies — specifically AI operating systems, building intelligence platforms, and smart infrastructure products.

Built with a Glean/Stripe-inspired minimal aesthetic — light theme, Inter font, blue brand accent, dark data-visualization panels — and designed to tell a clear product story section by section.

Sections included:

Sticky navigation with CTA
Hero with animated connected-systems diagram
Stats strip (social proof numbers)
Problem statement with system chips
Solution (3-card: Connect / Understand / Coordinate)
How it works (4-step process)
Product modules grid
Workflow proof / ROI example
Split CTA (Glean-style feature list + bold statement)
Footer with email capture

Stack: Next.js · GSAP · Framer Motion · Locomotive Scroll · Inter · SCSS Modules

Best for: PropTech · BuildingTech · AI SaaS · B2B Landing Pages

65:T453,

A captivating 3D storytelling experience that brings your content to life. The Glass Sphere Carousel features a beautifully rendered photo orb that rotates smoothly as users scroll, creating an immersive and interactive browsing experience. Each rotation seamlessly reveals new imagery while synchronized text updates in perfect harmony, guiding visitors through your story, products, or brand journey. The elegant glass-like effect adds depth, sophistication, and a premium feel that keeps users engaged from start to finish.

Perfect for: Portfolio showcases, product highlights, brand storytelling, case studies, and premium landing pages.

Key Features

Interactive 3D glass sphere animation
Scroll-driven rotation and transitions
Synchronized text and visual storytelling
Smooth, responsive performance across devices
Premium, modern aesthetic with immersive user engagement
Ideal for showcasing multiple images, products, or milestones

66:T558,

Every visual detail is wired to the property panel — swap gradient colors, adjust font sizes, toggle sections on and off, and tune the animation speed all from the right sidebar. Nothing is hardcoded.

What's inside:

🌌 Live WebGL nebula — organic, looping background shader with adjustable animation speed (pause it at 0×, double it at 2×)
✏️ Fluid gradient headlines — two-line heading with a responsive clamp() font size that scales automatically from mobile to desktop
🏷️ Trust badge — toggleable pill with emoji, custom text, colors, and border
📝 Subtitle — responsive size, weight, color, max-width
🎯 Two CTA buttons — primary with gradient fill, secondary with glass blur; both have hover/press animations and on-click event handlers
🎬 Entrance animations — staggered slide-up/down on mount, with duration control
📐 Full layout control — text alignment, vertical alignment, padding, section gap, content max-width

60 property controls. 9 sections. Zero dependencies beyond Framer.

Drop it on any page, resize to fit, and publish.

67:T6cc,

Random Letter Swap brings your typography to life with a smooth, randomised letter animation on hover or click. Each character flies out in a shuffled order and returns with spring physics — creating a tactile, editorial feel that works on navlinks, headings, CTAs, and buttons.

Two animation variants

→ Forward — letters exit randomly then silently reset. Ideal for navigation items and hero headlines that need to feel alive without being distracting.

→ Ping Pong — letters fly out on hover and return when the cursor leaves. Perfect for buttons and interactive labels where you want a clear hover state.

Everything is editable from the panel

→ Spring preset — Gentle, Snappy, Bouncy, or Custom (stiffness + damping)

→ Stagger — control the delay between each letter (0 – 200ms)

→ Direction — Up or Down

→ Trigger — Hover or Click

→ Primary color + Hover color (ghost letter can be a different color)

→ Font family, size, weight, tracking, line height, text transform

→ HTML tag — span, p, h1, h2, h3, or div

→ Optional link URL with new tab toggle

Built right

→ Canvas-safe — no animation flickers in the Framer editor

→ Screen-reader accessible (hidden aria label on every instance)

→ No external dependencies — works out of the box

→ Single file, clean TypeScript

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3-all:/unified/creator/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/activity/":[{"data":[{"id":"01a0bd0d-0fbd-7289-8f0d-ec1970dfd472","type":"creator.followed","target":{"type":"creator","id":"a95fda04-e4bb-488b-91f8-34e3a1f52287","preview":"ValleyDev","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a95fda04-e4bb-488b-91f8-34e3a1f52287/7h6nu0d1","slug":"valleydev-h0whfd","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T04:22:24.953Z","latestAt":"2026-09-20T04:22:24.953Z"},{"id":"01a0b2b0-1382-741c-ac4e-2c796ff0d692","type":"creator.followed","target":{"type":"creator","id":"ad54938d-ca30-4ed7-a5bc-92a35564688d","preview":"Code Prismo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ad54938d-ca30-4ed7-a5bc-92a35564688d/d1xg5v7p","slug":"code-prismo","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T04:04:38.911Z","latestAt":"2026-09-18T04:04:38.911Z"},{"id":"01a0b2b0-0732-7568-938c-9db15afa2d58","type":"creator.followed","target":{"type":"creator","id":"23702b39-dda6-4ff7-94d2-9633272a8c88","preview":"Noel Dario Andres","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/23702b39-dda6-4ff7-94d2-9633272a8c88/7xEQkh8a1","slug":"noel-dario-andres-z2ebfu","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T04:04:35.758Z","latestAt":"2026-09-18T04:04:35.758Z"},{"id":"01a0aeeb-1503-759d-b2b9-6fbfcb7aab1b","type":"creator.followed","target":{"type":"creator","id":"c2742a12-3412-42ec-ae79-e44857134579","preview":"Mode Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2742a12-3412-42ec-ae79-e44857134579/j3t555cr","slug":"modestudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T10:30:37.056Z","latestAt":"2026-09-17T10:30:37.056Z"},{"id":"01a0995d-835a-758f-b0c6-09508ec81073","type":"creator.followed","target":{"type":"creator","id":"47029d2a-ede0-4e5f-b5d6-1bab77bb6d59","preview":"RamicTech","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/47029d2a-ede0-4e5f-b5d6-1bab77bb6d59/wbkr5xem","slug":"ramictech","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T06:03:57.651Z","latestAt":"2026-09-13T06:03:57.651Z"},{"id":"01a08b35-5bd4-729e-a4ea-9c7d176fd4bd","type":"creator.followed","target":{"type":"creator","id":"64ff1a0a-b412-40e2-a472-37b1f9141c95","preview":"Elliot Li","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ff1a0a-b412-40e2-a472-37b1f9141c95/h99ds0vz","slug":"elliot-li","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-10T12:05:25.072Z","latestAt":"2026-09-10T12:05:25.072Z"},{"id":"01a089a4-29b6-748a-8ff6-8c8d5be4da86","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-10T04:47:12.306Z","latestAt":"2026-09-10T04:47:12.306Z"},{"id":"01a07163-ae6a-76ad-863d-77a280df52b4","type":"creator.followed","target":{"type":"creator","id":"7e4b2376-92d9-49df-8580-e3293af08a29","preview":"Michelle de Haas | Zo-e","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/cl04sjas","slug":"zo-e","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-05T11:45:53.255Z","latestAt":"2026-09-05T11:45:53.255Z"},{"id":"01a066ee-19d9-771a-b2f2-8a4aa32769e5","type":"creator.followed","target":{"type":"creator","id":"0ac7e3f3-07ae-4002-b2e2-3b74e0c883d5","preview":"Vestiaire Collective","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ac7e3f3-07ae-4002-b2e2-3b74e0c883d5/ld74zxwm","slug":"vestiaire-collective","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-03T11:01:15.349Z","latestAt":"2026-09-03T11:01:15.349Z"},{"id":"01a05bdc-59c5-7209-b27c-3fe68ba42543","type":"creator.followed","target":{"type":"creator","id":"6e4f8380-d6cb-4655-93f2-b81f15adf506","preview":"Apex Interactive","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6e4f8380-d6cb-4655-93f2-b81f15adf506/c4a9hfpi","slug":"apex-interactive","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-01T07:26:02.690Z","latestAt":"2026-09-01T07:26:02.690Z"},{"id":"01a04c2b-1915-759c-8276-6384bada90d6","type":"creator.followed","target":{"type":"creator","id":"f478b0de-3860-430f-9abb-62a43584a990","preview":"Farhad Ahmed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f478b0de-3860-430f-9abb-62a43584a990/l3x6bbd8","slug":"maybefarhad","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-29T06:18:08.017Z","latestAt":"2026-08-29T06:18:08.017Z"},{"id":"01a04168-0f23-7431-9e47-7dff961d35d0","type":"creator.followed","target":{"type":"creator","id":"197c1486-d915-411e-8935-d929761c4d64","preview":"Marcframe","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28888/Logo%20Marcframe%20White-6GBWd3IyJ5NvUdhUSNKnEiGAnj2605.png","slug":"marcframe","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-27T04:08:53.759Z","latestAt":"2026-08-27T04:08:53.759Z"},{"id":"01a040c9-8058-759a-93e5-af6560b4c9b1","type":"creator.followed","target":{"type":"creator","id":"09bc3e24-752b-4a1b-97c2-ab8d755f63b8","preview":"Tauhid Hasan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/09bc3e24-752b-4a1b-97c2-ab8d755f63b8/4taurhlo","slug":"tauhiduiux","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-27T01:15:42.548Z","latestAt":"2026-08-27T01:15:42.548Z"},{"id":"01a040c9-649c-74ae-9571-9a5ab0b809e9","type":"creator.followed","target":{"type":"creator","id":"d4dce4ef-b051-4b63-99b4-56b3f6a517a5","preview":"Nexwoa","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d4dce4ef-b051-4b63-99b4-56b3f6a517a5/gwkohty6","slug":"nexwoa","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-27T01:15:35.448Z","latestAt":"2026-08-27T01:15:35.448Z"},{"id":"01a03ca3-325c-754e-be60-ddf12121116b","type":"creator.followed","target":{"type":"creator","id":"45b23f81-ad7b-4f0e-936e-ea0d9017bf14","preview":"Moiz Arshi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/45b23f81-ad7b-4f0e-936e-ea0d9017bf14/wga6vzo7","slug":"moiz-arshi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T05:55:23.352Z","latestAt":"2026-08-26T05:55:23.352Z"},{"id":"01a03ca3-2e9f-73da-888e-be54ee486196","type":"creator.followed","target":{"type":"creator","id":"5a4bda01-d65d-4f76-bdd2-3eb2920b4add","preview":"Raul Ortiz","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a4bda01-d65d-4f76-bdd2-3eb2920b4add/55wej8k4","slug":"raul-ortiz","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T05:55:22.381Z","latestAt":"2026-08-26T05:55:22.381Z"},{"id":"01a03ca2-b980-71c9-88a5-15255deb7136","type":"creator.followed","target":{"type":"creator","id":"c602a7d6-63ac-4eaa-ab74-18fc0d2a8394","preview":"Brandwit","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1464719/avatar-40fsDmZydYe9UjJqtQwA3mWOMgT869.jpg","slug":"brandwit","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T05:54:52.412Z","latestAt":"2026-08-26T05:54:52.412Z"},{"id":"01a03737-d452-7582-97ce-3ddeebd6408a","type":"creator.followed","target":{"type":"creator","id":"f786a7f3-e511-414a-9de6-9ea10150315e","preview":"Anthony Joe","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f786a7f3-e511-414a-9de6-9ea10150315e/yjietiwx","slug":"tony-spark","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T04:40:00.847Z","latestAt":"2026-08-25T04:40:00.847Z"},{"id":"01a032b1-b507-721b-bf83-3a3b1dde6e79","type":"creator.followed","target":{"type":"creator","id":"3fedf01c-4b61-4109-9c7a-af787d1e9ca2","preview":"River Visual","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29023/avatar-TfZtwLeWQPSTA0VXXXEAnAsT8U5fEE.jpg","slug":"muhammad-farras-hibbandaris-elvin","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-24T07:35:02.146Z","latestAt":"2026-08-24T07:35:02.146Z"},{"id":"01a032b1-acc6-74fc-85be-d041f18ee661","type":"creator.followed","target":{"type":"creator","id":"3092a85c-f043-4f02-935c-b129a815641c","preview":"Juli Parissi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3092a85c-f043-4f02-935c-b129a815641c/3osbvecv","slug":"juli-parissi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","slug":"anamika-yadav","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-24T07:35:00.033Z","latestAt":"2026-08-24T07:35:00.033Z"}],"pagination":{"next":"MjAyNi0wOC0yNFQwNzozNTowMC4wMzNafDAxYTAzMmIxLWFjYzYtNzRmYy04NWJlLWQwNDFmMThlZTY2MQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3:/unified/posts/?creator=0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3&with=reposts":[{"data":[{"id":"01a018fe-0d3c-75e4-a644-b81795d00a0d","title":null,"body":"

Turn complex relationships into an engaging visual experience. Context Graph is a customizable network graph component designed to display connected concepts, workflows, people, processes, products, or data in a clean and intuitive way.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn complex relationships into an engaging visual experience. Context Graph is a customizable network graph component designed to display connected concepts, workflows, people, processes, products, or data in a clean and intuitive way."}]}]},"author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qznfAEZ1bsr6I3eL6Mbg","resolved":true,"title":"Context Graph","body":"$63","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"What it does"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Context Graph creates a visual network of connected nodes with relationship labels, making it easy to communicate how different elements of a system connect and interact."}]},{"type":"paragraph","content":[{"type":"text","text":"Use highlighted nodes to draw attention to key concepts while supporting nodes create context around them."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"AI & technology websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS platforms"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Knowledge graphs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Workflow visualizations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product ecosystems"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Process diagrams"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Organizational relationships"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Data & infrastructure platforms"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Consulting and enterprise websites"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive node-based visualization"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom node names and labels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Relationship labels between connections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Highlighted primary nodes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean, minimal visual style"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible positioning and layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable colors and typography"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Framer implementation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ideal for complex systems and workflows"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No external design tools required"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Make complex ideas easier to understand"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Instead of explaining interconnected systems through paragraphs of text, NodeFlow gives visitors a visual overview of how everything fits together."}]},{"type":"paragraph","content":[{"type":"text","text":"Customize the nodes, relationships, colors, labels, and content to match your product or brand."}]}]},"introduction":"Node-based relationship graph","slug":"context-graph","author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/01a018fc-1554-705d-bf7a-5844ef6c8453.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":994,"height":862}}],"post":null,"createdAt":"2026-08-19T07:48:17.339Z","updatedAt":"2026-08-19T07:50:23.920Z","publishedAt":"2026-08-19T07:48:17.328Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://contextgraph.framer.website/","price":"5","paymentUrl":"https://contra.com/payment-link/ou7fFAp0-anamika-yadav","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"L6OAAv4V3c1F5MsFDJra","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-08-19T07:50:24.821Z","createdAt":"2026-08-19T07:48:17.852Z","updatedAt":"2026-08-19T07:50:24.821Z"},{"id":"019f9e0a-2efb-70e2-a738-fa4ca2c2b065","title":null,"body":"

The AI operating layer for buildings. A minimal, light-theme B2B landing page with animated connected-systems diagram, stats strip, solution cards, and workflow proof sections. Built for PropTech and AI SaaS products.

https://framer.link/1ryi07N

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The AI operating layer for buildings. A minimal, light-theme B2B landing page with animated connected-systems diagram, stats strip, solution cards, and workflow proof sections. Built for PropTech and AI SaaS products."}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/1ryi07N","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/1ryi07N","target":"_blank"}}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/019f9e09-49d6-7065-9c11-b2b3b1c11d30.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1714,"height":1193}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-24T05:48:54.348Z","createdAt":"2026-07-26T10:48:15.368Z","updatedAt":"2026-08-24T05:48:54.348Z"},{"id":"019f9e05-d031-73ac-a62f-d423ddc3f024","title":null,"body":"

A minimal, landing page for AI-powered building intelligence platforms. Light theme, blue accent, GSAP animations.

https://framer.link/1ryi07N

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A minimal, landing page for AI-powered building intelligence platforms. Light theme, blue accent, GSAP animations."}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/1ryi07N","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/1ryi07N","target":"_blank"}}]}]}]},"author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[],"resources":[{"id":"70174","resolved":true,"title":"Scaleflow OS","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It is a production-ready landing page template built for B2B SaaS and PropTech companies — specifically AI operating systems, building intelligence platforms, and smart infrastructure products."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with a Glean/Stripe-inspired minimal aesthetic — light theme, Inter font, blue brand accent, dark data-visualization panels — and designed to tell a clear product story section by section."}]},{"type":"paragraph","content":[{"type":"text","text":"Sections included:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky navigation with CTA"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero with animated connected-systems diagram"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stats strip (social proof numbers)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Problem statement with system chips"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Solution (3-card: Connect / Understand / Coordinate)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"How it works (4-step process)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product modules grid"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Workflow proof / ROI example"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Split CTA (Glean-style feature list + bold statement)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Footer with email capture"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Stack:","marks":[{"type":"bold"}]},{"type":"text","text":" Next.js · GSAP · Framer Motion · Locomotive Scroll · Inter · SCSS Modules"}]},{"type":"paragraph","content":[{"type":"text","text":"Best for:","marks":[{"type":"bold"}]},{"type":"text","text":" PropTech · BuildingTech · AI SaaS · B2B Landing Pages"}]}]},"introduction":"AI Building Intelligence Website","slug":"scaleflow-os","author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/67aF2UkN702R8TSXPA93xuxEb701iu00200ZGVXa5bBJf014.m3u8","metadata":{"posterUrl":"https://image.mux.com/67aF2UkN702R8TSXPA93xuxEb701iu00200ZGVXa5bBJf014/thumbnail.webp?time=17.767","aspectRatio":"853:533","duration":28.8}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/019f9e05-30cd-74b9-813a-036adb674362.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1714,"height":1193}}],"post":null,"createdAt":"2026-07-26T10:43:28.337Z","updatedAt":"2026-08-19T12:05:46.717Z","publishedAt":"2026-07-26T10:43:28.327Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/wW39NNs","remixUrl":"https://framer.link/wW39NNs","previewUrl":"https://scaleflow-os.framer.website/","categories":[{"id":26,"name":"AI","slug":"ai"},{"id":2,"name":"SaaS","slug":"saas"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":5,"edited":true,"editedAt":"2026-08-24T05:49:30.459Z","createdAt":"2026-07-26T10:43:28.947Z","updatedAt":"2026-08-24T05:49:30.459Z"},{"id":"019f889f-437a-71a2-b0e4-3b8479b14020","title":null,"body":"

Hi, I've been a Framer Partner for a while now, and I was wondering how I can get the Framer Partner tag added to my profile. Could someone let me know the process? Thanks!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi, I've been a Framer Partner for a while now, and I was wondering how I can get the "},{"type":"text","text":"Framer Partner","marks":[{"type":"bold"}]},{"type":"text","text":" tag added to my profile. Could someone let me know the process? Thanks!"}]}]},"author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-22T06:59:26.717Z","updatedAt":"2026-07-22T06:59:26.717Z"},{"id":"019f51d5-a1e3-77b7-975e-a48627422908","title":null,"body":"

Blur Overlay — Frosted Glass

A one-drop frosted-glass effect for Framer. Place it over anything and it blurs the layers behind it — modals, navbars, hero sections, banners.

Adjustable blur, tint, saturation, brightness, radius, and an optional glass border. No code, no setup. Free.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Blur Overlay — Frosted Glass"}]},{"type":"paragraph","content":[{"type":"text","text":"A one-drop frosted-glass effect for Framer. Place it over anything and it blurs the layers behind it — modals, navbars, hero sections, banners."}]},{"type":"paragraph","content":[{"type":"text","text":"Adjustable blur, tint, saturation, brightness, radius, and an optional glass border. No code, no setup. Free."}]}]},"author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ZMYsRB36WXM5DCWjXZ3t","resolved":true,"title":"Blur Overlay","body":"

Blur Overlay is a backdrop-blur panel that frosts everything behind it — perfect for modals, navbars, hero overlays, cookie banners, or any glass UI.

Just place it above your content on the canvas. It reads the pixels rendered underneath and blurs them live — nothing needs to go inside it.

Fully controllable from the property panel:

• Blur — 0–60px

• Tint — overlay color and opacity

• Saturation & Brightness — dial in the exact glass look

• Radius — rounded corners

• Border + Border color — optional glass edge

Tips

• Keep the overlay above the content in the layer stack.

• Stretch it full-screen for a page-wide blur behind a modal, or size it small for a frosted panel.

• Works in Preview and on the published site; Safari-prefixed for full support.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Blur Overlay is a backdrop-blur panel that frosts everything behind it — perfect for modals, navbars, hero overlays, cookie banners, or any glass UI."}]},{"type":"paragraph","content":[{"type":"text","text":"Just place it above your content on the canvas. It reads the pixels rendered underneath and blurs them live — nothing needs to go inside it."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully controllable from the property panel:"}]},{"type":"paragraph","content":[{"type":"text","text":"• Blur — 0–60px"}]},{"type":"paragraph","content":[{"type":"text","text":"• Tint — overlay color and opacity"}]},{"type":"paragraph","content":[{"type":"text","text":"• Saturation & Brightness — dial in the exact glass look"}]},{"type":"paragraph","content":[{"type":"text","text":"• Radius — rounded corners"}]},{"type":"paragraph","content":[{"type":"text","text":"• Border + Border color — optional glass edge"}]},{"type":"paragraph","content":[{"type":"text","text":"Tips"}]},{"type":"paragraph","content":[{"type":"text","text":"• Keep the overlay above the content in the layer stack."}]},{"type":"paragraph","content":[{"type":"text","text":"• Stretch it full-screen for a page-wide blur behind a modal, or size it small for a frosted panel."}]},{"type":"paragraph","content":[{"type":"text","text":"• Works in Preview and on the published site; Safari-prefixed for full support."}]}]},"introduction":"Blur Overlay — Frosted Glass","slug":"blur-overlay","author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/019f51d5-4fa0-7790-a103-1640e89a948d.png","metadata":{"tint":{"h":216,"s":42,"l":31},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-11T15:39:42.611Z","updatedAt":"2026-07-11T15:39:42.611Z","publishedAt":"2026-07-11T15:39:42.607Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Blur-back-OAICas.js@QMI8JYrzm1Lzo52SFNDN","previewUrl":"https://similar-cougar-859987.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"QMI8JYrzm1Lzo52SFNDN","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-11T15:39:42.947Z","updatedAt":"2026-07-11T15:39:42.947Z"},{"id":"019f22ad-54ab-749d-81fc-c14b45f19352","title":null,"body":"

Hey everyone!

Does anyone know how long it usually takes to get approved for the Framer Expert program?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone! "}]},{"type":"paragraph","content":[{"type":"text","text":"Does anyone know how long it usually takes to get approved for the Framer Expert program?"}]}]},"author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-02T11:53:32.591Z","updatedAt":"2026-07-02T11:53:32.591Z"},{"id":"019ef947-3d91-7148-9a16-1910ce9c6b56","title":null,"body":"

Glass Sphere Carousel — An immersive 3D photo orb that rotates with scroll, seamlessly syncing visuals and content to create a captivating storytelling experience.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Glass Sphere Carousel","marks":[{"type":"bold"}]},{"type":"text","text":" — An immersive 3D photo orb that rotates with scroll, seamlessly syncing visuals and content to create a captivating storytelling experience."}]}]},"author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qUims0Ga72roklJJB5Hp","resolved":true,"title":"Glass Carousel","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A captivating 3D storytelling experience that brings your content to life.","marks":[{"type":"bold"}]},{"type":"text","text":" The Glass Sphere Carousel features a beautifully rendered photo orb that rotates smoothly as users scroll, creating an immersive and interactive browsing experience. Each rotation seamlessly reveals new imagery while synchronized text updates in perfect harmony, guiding visitors through your story, products, or brand journey. The elegant glass-like effect adds depth, sophistication, and a premium feel that keeps users engaged from start to finish."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]},{"type":"text","text":" Portfolio showcases, product highlights, brand storytelling, case studies, and premium landing pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D glass sphere animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-driven rotation and transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Synchronized text and visual storytelling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth, responsive performance across devices"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium, modern aesthetic with immersive user engagement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ideal for showcasing multiple images, products, or milestones"}]}]}]}]},"introduction":"A 3D photo orb that rotates","slug":"glass-carousel","author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/wmn55x1n","metadata":{"tint":{"h":240,"s":17,"l":19},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-24T10:57:36.103Z","updatedAt":"2026-06-25T11:10:42.519Z","publishedAt":"2026-06-24T10:57:36.094Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Sphere-carousel-8k68ZV.js@HsDYSn2P9Lo8lpYmzmeW","previewUrl":"https://special-someone-798653.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"HsDYSn2P9Lo8lpYmzmeW","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":43,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-24T10:57:36.145Z","updatedAt":"2026-06-24T10:57:36.145Z"},{"id":"019ef87b-ea05-75e8-b2e8-838579716ac5","title":null,"body":"

Let me know what you think about this approach. Personally, I liked the previous version a bit more, where the component posting stood out more. It felt more intuitive and visually balanced to me.

Just wanted to share my thoughts on updates.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Let me know what you think about this approach. Personally, I liked the previous version a bit more, where the component posting stood out more. It felt more intuitive and visually balanced to me."}]},{"type":"paragraph","content":[{"type":"text","text":"Just wanted to share my thoughts on updates."}]}]},"author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-24T07:15:30.957Z","updatedAt":"2026-06-24T07:15:30.957Z"},{"id":"019ed3bb-e04a-704c-832a-ae36b0e7e8c7","title":null,"body":"

A tab switcher where each click reveals the new text line by line with a smooth, staggered slide-up animation. Great for showcasing different audiences, services, or use cases — fully customizable colors, fonts, corners, and alignment.

https://framer.com/remix/bkZwOcPDEHDVwMxL3rlC

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A tab switcher where each click reveals the new text line by line with a smooth, staggered slide-up animation. Great for showcasing different audiences, services, or use cases — fully customizable colors, fonts, corners, and alignment."}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.com/remix/bkZwOcPDEHDVwMxL3rlC","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.com/remix/bkZwOcPDEHDVwMxL3rlC","target":"_blank"}}]}]}]},"author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[],"resources":[{"id":"udLkLEHKV6ehXaMsqBdc","resolved":true,"title":"Animated tabs","body":"

Audience Tabs

Switch between tabs and watch the content reveal itself word by word, sliding up into place while the previous text slides away — a clean, editorial-style transition that adds polish without slowing your page down.

What you can customize:

- Add or remove tabs, each with its own label and text

- Active and inactive tab colors (background + text)

- Tab corner radius — from sharp squares to full pills

- Tab row alignment — left, center, or right

- Fonts and text alignment for both tabs and content

- Animation speed and word stagger timing

Drop it into a hero, services section, or "who it's for" block to add motion without writing any code.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Audience Tabs"}]},{"type":"paragraph","content":[{"type":"text","text":"Switch between tabs and watch the content reveal itself word by word, sliding up into place while the previous text slides away — a clean, editorial-style transition that adds polish without slowing your page down."}]},{"type":"paragraph","content":[{"type":"text","text":"What you can customize:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Add or remove tabs, each with its own label and text"}]},{"type":"paragraph","content":[{"type":"text","text":"- Active and inactive tab colors (background + text)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Tab corner radius — from sharp squares to full pills"}]},{"type":"paragraph","content":[{"type":"text","text":"- Tab row alignment — left, center, or right"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fonts and text alignment for both tabs and content"}]},{"type":"paragraph","content":[{"type":"text","text":"- Animation speed and word stagger timing"}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it into a hero, services section, or \"who it's for\" block to add motion without writing any code."}]}]},"introduction":"Animated tabs with text reveal","slug":"animated-tabs","author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/5ip0v5gp","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-17T03:59:25.743Z","updatedAt":"2026-06-22T07:53:20.400Z","publishedAt":"2026-06-17T03:59:25.732Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/AudienceTabs-DC52qI.js@bFiLgGqyBEq8OYf17NnH","previewUrl":"https://sparkling-rules-528752.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"bFiLgGqyBEq8OYf17NnH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":29,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":4,"edited":true,"editedAt":"2026-07-22T06:40:41.892Z","createdAt":"2026-06-17T03:59:25.771Z","updatedAt":"2026-07-22T06:40:41.892Z"},{"id":"019ed3ac-72d0-703c-8f47-cb8c74cd9321","title":null,"body":"

Animated ripple-line background with cursor-reactive motion, an editable headline and description, and smooth lightweight performance. Perfect for hero sections, landing pages and portfolios. Drag and drop — zero configuration needed. No extra setup.

https://framer.link/I2qPmaQ

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated ripple-line background with cursor-reactive motion, an editable headline and description, and smooth lightweight performance. Perfect for hero sections, landing pages and portfolios. Drag and drop — zero configuration needed. No extra setup."}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/I2qPmaQ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/I2qPmaQ","target":"_blank"}}]}]}]},"author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[],"resources":[{"id":"uu57AQ7oWdz79NiaTqhM","resolved":true,"title":"Ripple background","body":"

A full-bleed grid of vertical lines that ripples with organic, noise-based motion and bends toward your cursor or finger. Comes with a built-in headline and description, so it works as a ready-made hero — drag it into any Framer project, no setup required.

Features

- Seamless cursor-reactive line animation

- Editable headline and description overlay

- Adjustable line color and background color

- Adjustable line spacing / density

- Optional cursor-following dot, with adjustable size

- Plug and play — zero configuration needed

- Lightweight and responsive across all screen sizes

Property Controls

Colors — line color, background color, text color

Motion — line spacing, pointer visibility, pointer size

Content — title, description, horizontal and vertical alignment, padding, gap

Use Cases

Hero backgrounds · Landing pages · Portfolios · Agency sites · SaaS homepages · Product launches · Interactive sections

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A full-bleed grid of vertical lines that ripples with organic, noise-based motion and bends toward your cursor or finger. Comes with a built-in headline and description, so it works as a ready-made hero — drag it into any Framer project, no setup required."}]},{"type":"paragraph","content":[{"type":"text","text":"Features"}]},{"type":"paragraph","content":[{"type":"text","text":"- Seamless cursor-reactive line animation"}]},{"type":"paragraph","content":[{"type":"text","text":"- Editable headline and description overlay"}]},{"type":"paragraph","content":[{"type":"text","text":"- Adjustable line color and background color"}]},{"type":"paragraph","content":[{"type":"text","text":"- Adjustable line spacing / density"}]},{"type":"paragraph","content":[{"type":"text","text":"- Optional cursor-following dot, with adjustable size"}]},{"type":"paragraph","content":[{"type":"text","text":"- Plug and play — zero configuration needed"}]},{"type":"paragraph","content":[{"type":"text","text":"- Lightweight and responsive across all screen sizes"}]},{"type":"paragraph","content":[{"type":"text","text":"Property Controls"}]},{"type":"paragraph","content":[{"type":"text","text":"Colors — line color, background color, text color"}]},{"type":"paragraph","content":[{"type":"text","text":"Motion — line spacing, pointer visibility, pointer size"}]},{"type":"paragraph","content":[{"type":"text","text":"Content — title, description, horizontal and vertical alignment, padding, gap"}]},{"type":"paragraph","content":[{"type":"text","text":"Use Cases"}]},{"type":"paragraph","content":[{"type":"text","text":"Hero backgrounds · Landing pages · Portfolios · Agency sites · SaaS homepages · Product launches · Interactive sections"}]}]},"introduction":"Interactive ripple background with","slug":"ripple-background","author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/87vaemsu","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-17T03:42:34.682Z","updatedAt":"2026-07-06T00:51:44.481Z","publishedAt":"2026-06-17T03:42:34.680Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/WavesBackground-qLTF8f.js@nX6s2U6oSrGuRS6Jw1mC","previewUrl":"https://sure-future-988835.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"nX6s2U6oSrGuRS6Jw1mC","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-22T06:42:48.868Z","createdAt":"2026-06-17T03:42:34.705Z","updatedAt":"2026-07-22T06:42:48.868Z"},{"id":"019e98c4-14a8-7070-be9c-f5daf483fde8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[],"resources":[{"id":"tRyV8YilHtLZ6TyrhfMv","resolved":true,"title":"ShaderHero","body":"$66","bodyJson":null,"introduction":"A cinematic hero section with gradient","slug":"shaderhero","author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/tRyV8YilHtLZ6TyrhfMv/shaderhero-F0CcH3noTVuKBeTx6kqRFhs5tPVwWf","metadata":{"tint":{"h":30,"s":80,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-29T18:02:30.486Z","updatedAt":"2026-06-05T16:25:59.708Z","publishedAt":"2026-06-05T17:10:47.720Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Shaderhero-Lqoxwb.js@yYaMHCzTZswFm4sFPtiT","previewUrl":"https://obedient-side-878601.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"yYaMHCzTZswFm4sFPtiT","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-05T17:10:47.720Z","updatedAt":"2026-06-05T17:10:47.720Z"},{"id":"019e98c3-e6e5-7a40-82cc-a3d375b72ba9","title":null,"body":"

https://framer.com/remix/1F8XFSxQPGZp8C0altmm

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"https://framer.com/remix/1F8XFSxQPGZp8C0altmm","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.com/remix/1F8XFSxQPGZp8C0altmm","target":"_blank"}}]}]}]},"author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[],"resources":[{"id":"bl78hhTD22ry9fKb85eu","resolved":true,"title":"RandomLetterSwap","body":"$67","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Random Letter Swap brings your typography to life with a smooth, randomised letter animation on hover or click. Each character flies out in a shuffled order and returns with spring physics — creating a tactile, editorial feel that works on navlinks, headings, CTAs, and buttons.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Two animation variants","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"→ Forward — letters exit randomly then silently reset. Ideal for navigation items and hero headlines that need to feel alive without being distracting.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"→ Ping Pong — letters fly out on hover and return when the cursor leaves. Perfect for buttons and interactive labels where you want a clear hover state.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is editable from the panel","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"→ Spring preset — Gentle, Snappy, Bouncy, or Custom (stiffness + damping)","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"→ Stagger — control the delay between each letter (0 – 200ms)","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"→ Direction — Up or Down","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"→ Trigger — Hover or Click","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"→ Primary color + Hover color (ghost letter can be a different color)","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"→ Font family, size, weight, tracking, line height, text transform","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"→ HTML tag — span, p, h1, h2, h3, or div","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"→ Optional link URL with new tab toggle","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built right","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"→ Canvas-safe — no animation flickers in the Framer editor","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"→ Screen-reader accessible (hidden aria label on every instance)","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"→ No external dependencies — works out of the box","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"→ Single file, clean TypeScript","marks":[{"type":"bold"}]}]},{"type":"paragraph"}]},"introduction":"Randomised letter swap. Two hover.","slug":"randomletterswap","author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/bl78hhTD22ry9fKb85eu/randomletterswap-VbYBS4mHuq0EY9fU0M9e6oTglSvukh","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-02T05:40:39.194Z","updatedAt":"2026-07-22T06:34:26.932Z","publishedAt":"2026-06-05T17:10:36.005Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/RandomLetterSwap-6IHWpJ.js@lfum0NocjBownI2RFZjl","previewUrl":"https://exact-designer-285738.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"lfum0NocjBownI2RFZjl","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-22T06:34:27.683Z","createdAt":"2026-06-05T17:10:36.005Z","updatedAt":"2026-07-22T06:34:27.683Z"},{"id":"019e26c3-ea6b-791b-822e-3cccb04cd2e3","title":null,"body":"

https://framer.link/WIEGpEs

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/WIEGpEs","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/WIEGpEs","target":"_blank"}}]}]}]},"author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[],"resources":[{"id":"WtD7Zf7tmOo0n67ElBp4","resolved":true,"title":"Wavylines","body":"

Perfect for hero sections, landing pages, SaaS websites, AI products, and tech brands, this component helps communicate innovation, energy, and modernity. The subtle animation adds life to your design, making static pages feel more interactive and engaging.

It works beautifully as a background layer behind headlines, CTAs, or product messaging, enhancing visual hierarchy while keeping readability intact. The abstract wave pattern also makes it versatile across industries—from technology and startups to creative portfolios and agencies.

Fully customizable in Framer, you can easily adjust colors, speed, intensity, and layout to match your brand identity or desired mood—whether that’s calm and minimal or bold and high-energy.

","bodyJson":null,"introduction":"A wave background","slug":"wavylines","author":{"framerUserId":"0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3","name":"Anamika Yadav","slug":"anamika-yadav","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0bf7ddfa-f9d9-495b-adfa-9474cb1d45c3/1vydvgin","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/WtD7Zf7tmOo0n67ElBp4/wavylines-yOjmrrqMcM5o7cFORVdKNqPEmOS0bg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-07T18:09:30.581Z","updatedAt":"2026-07-06T04:57:13.780Z","publishedAt":"2026-05-14T13:53:54.283Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Lines-6FT6cb.js@Gj68r2d9762nZUIDhxV7","previewUrl":"https://fine-humans-149376.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"Gj68r2d9762nZUIDhxV7","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-22T06:37:48.786Z","createdAt":"2026-05-14T13:53:54.283Z","updatedAt":"2026-07-22T06:37:48.786Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L68"}]