51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T439,Invoicely is my hackathon entry: a simple invoice generator built with Framer 3.0 agents. You can create professional invoices, add clients, line items, taxes, discounts, and export everything as a clean PDF. Why I built it Creating invoices is one of those repetitive tasks that every freelancer, agency, and small business deals with, yet most tools feel overly complicated for something that should be simple. What’s inside • Invoice builder with live preview • Multiple currencies • Custom line items, taxes, and discounts • Payment notes and terms • One-click PDF export What agents helped with Agents helped build and refine different parts of the experience independently, from form interactions and calculations to layout improvements and PDF generation. What surprised me most was how quickly I could iterate on functionality. Instead of spending time wiring up every small detail manually, I could focus on improving the overall experience and polishing the product. Try it out and generate your first invoice in a few clicks. Built with Framer 3.0 AI agents.53:T6cd,

An interactive glowing orb for Framer with a soft aurora mesh, a clean geometric face, and subtle motion designed for hero sections, portfolios, AI landing pages, and ambient visual storytelling. It combines a diffused abstract sphere with responsive pointer movement, layered parallax, gentle floating, and optional blinking for a calm but lively presence.

The component is built to be easy to edit in Framer with a clean, grouped property panel and ready-to-use defaults. Users can quickly style the orb without touching code, which aligns with Framer’s guidance to organize properties clearly and make components easy to tweak.

Controls include:

Preset: switch between multiple aurora color styles.
Appearance: adjust sphere size, glow, blur, opacity, and overflow.
Interaction: control hover response, tilt, depth, and easing.
Motion: enable floating and adjust amount and speed.
Face: edit line color, face scale, eyebrow curve, and eye size.
Blink: toggle blinking and adjust interval and duration.

Pros:

Strong visual impact with a minimal footprint.
Easy to place in hero sections and premium layouts.
Clean defaults that already look polished on canvas.
Flexible styling for calm, playful, or futuristic moods.
Organized controls for faster customization.

Best for:

SaaS and AI hero sections
Portfolio intros
Personal brand websites
Ambient interactive headers
Modern landing pages

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-f358077a-c220-4b9a-9b03-f8d17f146b8a-all:/unified/creator/f358077a-c220-4b9a-9b03-f8d17f146b8a/activity/":[{"data":[{"id":"019fd50e-e96e-706b-8c96-2f85cfcc8dbb","type":"site.liked","target":{"type":"site","id":"2040","preview":"Fab Design","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/2040/thumbnail-zraC2fnEfR9gO9A6I69SSTbGMPIPSg.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"f358077a-c220-4b9a-9b03-f8d17f146b8a","name":"Dwight Retulla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2043323/251e90064a9cb0891c6505293cf5485b-JZjO1oRUjgHLB2N13Ic6AocpGT3Q0y","slug":"dwight-retulla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-08-06T03:12:32.104Z","latestAt":"2026-08-06T03:12:32.104Z"},{"id":"019f69a4-21a6-7516-bed0-ea3469330f5f","type":"site.liked","target":{"type":"site","id":"15792","preview":"Paul Hahn","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1458ed1d-0103-46fa-80a1-a6aa2b74269b/0sam5ko4","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"f358077a-c220-4b9a-9b03-f8d17f146b8a","name":"Dwight Retulla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2043323/251e90064a9cb0891c6505293cf5485b-JZjO1oRUjgHLB2N13Ic6AocpGT3Q0y","slug":"dwight-retulla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-07-16T06:36:32.034Z","latestAt":"2026-07-16T06:36:32.034Z"},{"id":"019ed46f-4e1b-760b-a196-a2aa171f42a9","type":"post.liked","target":{"type":"post","id":"019ed401-ebf5-761e-a61c-510f03c9dcb5","preview":"Booted up a whole arcade inside a green-phosphor CRT 🕹 Scanlines, glitch, glow. Play Snake, Flappy & a tense Crash game with bot players. All built with Framer Agents.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Booted up a whole arcade inside a green-phosphor CRT "},{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}},{"type":"text","text":" Scanlines, glitch, glow. Play Snake, Flappy & a tense Crash game with bot players. All built with Framer Agents."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed401-ebf5-761e-a61c-510f03c9dcb5","like":{"count":64,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"f358077a-c220-4b9a-9b03-f8d17f146b8a","name":"Dwight Retulla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2043323/251e90064a9cb0891c6505293cf5485b-JZjO1oRUjgHLB2N13Ic6AocpGT3Q0y","slug":"dwight-retulla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T07:15:24.809Z","latestAt":"2026-06-17T07:15:24.809Z"},{"id":"019ed46c-f1b2-72fa-a5a7-17625a269756","type":"post.liked","target":{"type":"post","id":"019ed244-acd7-7167-b234-6f1d5d17608c","preview":"I've been exploring visuals combined with sound for awhile and brought it together in this project. This music machine is pulled from some code I put together for my portfolio a while back and gave it some new life for this hackathon. Enjoy!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I've been exploring visuals combined with sound for awhile and brought it together in this project. This music machine is pulled from some code I put together for my portfolio a while back and gave it some new life for this hackathon. Enjoy!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed244-acd7-7167-b234-6f1d5d17608c","like":{"count":66,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"f358077a-c220-4b9a-9b03-f8d17f146b8a","name":"Dwight Retulla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2043323/251e90064a9cb0891c6505293cf5485b-JZjO1oRUjgHLB2N13Ic6AocpGT3Q0y","slug":"dwight-retulla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T07:12:50.093Z","latestAt":"2026-06-17T07:12:50.093Z"},{"id":"019ed46c-21d6-74e0-8e14-528201c58ce1","type":"post.liked","target":{"type":"post","id":"019ed36c-e7e9-7318-a97f-e2b528d44661","preview":"$52","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Invoicely is my hackathon entry","marks":[{"type":"bold"}]},{"type":"text","text":": a simple invoice generator built with Framer 3.0 agents."}]},{"type":"paragraph","content":[{"type":"text","text":"You can create professional invoices, add clients, line items, taxes, discounts, and export everything as a clean PDF."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Why I built it","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Creating invoices is one of those repetitive tasks that every freelancer, agency, and small business deals with, yet most tools feel overly complicated for something that should be simple."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What’s inside","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Invoice builder with live preview • Multiple currencies • Custom line items, taxes, and discounts • Payment notes and terms • One-click PDF export"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What agents helped with","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Agents helped build and refine different parts of the experience independently, from form interactions and calculations to layout improvements and PDF generation."}]},{"type":"paragraph","content":[{"type":"text","text":"What surprised me most was how quickly I could iterate on functionality. Instead of spending time wiring up every small detail manually, I could focus on improving the overall experience and polishing the product."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Try it out and generate your first invoice in a few clicks."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with Framer 3.0 AI agents.","marks":[{"type":"bold"}]}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed36c-e7e9-7318-a97f-e2b528d44661","like":{"count":99,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"f358077a-c220-4b9a-9b03-f8d17f146b8a","name":"Dwight Retulla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2043323/251e90064a9cb0891c6505293cf5485b-JZjO1oRUjgHLB2N13Ic6AocpGT3Q0y","slug":"dwight-retulla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T07:11:56.879Z","latestAt":"2026-06-17T07:11:56.879Z"},{"id":"019ed45d-5955-704e-a361-ea180ebf7494","type":"post.liked","target":{"type":"post","id":"019ed330-2250-75ac-bdfb-7d3ae134f5ad","preview":"I built a typing game in Framer and want your honest feedback.\nWords fall from the sky, you type them before they hit the bottom. Difficulty modes, combo system, boss rounds, leaderboard. All built through conversation with Framer Agents.\nDoes it feel fair? Does it work on mobile? What would make you play again?\nI'm on the leaderboard as Kimxni if you want to compete.\nIf you dig it, an upvote helps others find it.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I built a typing game in Framer and want your honest feedback."}]},{"type":"paragraph","content":[{"type":"text","text":"Words fall from the sky, you type them before they hit the bottom. Difficulty modes, combo system, boss rounds, leaderboard. All built through conversation with Framer Agents."}]},{"type":"paragraph","content":[{"type":"text","text":"Does it feel fair? Does it work on mobile? What would make you play again?"}]},{"type":"paragraph","content":[{"type":"text","text":"I'm on the leaderboard as "},{"type":"text","text":"Kimxni","marks":[{"type":"code"}]},{"type":"text","text":" if you want to compete."}]},{"type":"paragraph","content":[{"type":"text","text":"If you dig it, an upvote helps others find it."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed330-2250-75ac-bdfb-7d3ae134f5ad","like":{"count":128,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"f358077a-c220-4b9a-9b03-f8d17f146b8a","name":"Dwight Retulla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2043323/251e90064a9cb0891c6505293cf5485b-JZjO1oRUjgHLB2N13Ic6AocpGT3Q0y","slug":"dwight-retulla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T06:55:48.045Z","latestAt":"2026-06-17T06:55:48.045Z"},{"id":"019ed45c-1c94-716b-b548-afc7f1066a85","type":"post.liked","target":{"type":"post","id":"019ed408-7bef-77d8-8088-8bebb2b88160","preview":"Spent all day building this and I'm so excited to finally share it 🐱\nNekopedia — an encyclopedia of all 104 cat breeds, but reimagined as a tiny low-poly world you can actually explore. Drag around an infinite grassy canvas, zoom through the cats, and tap any one to flip open its card: stats, origin, traits, rarity badge, fun fact, and a real photo.\nNight mode, a spotlight cursor, ambient lofi, a unique meow for every cat... I went a little overboard, but I love cats so it didn't feel like work.\nThe best part was finding some genuinely cool ways to use the new Framer Agent to pull this off. it unlocked stuff I didn't think I'd be able to build solo in a day.\nSubmitting it to the Framer Hackathon. Take a look!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Spent all day building this and I'm so excited to finally share it "},{"type":"emoji","attrs":{"name":"cat","emoji":"🐱"}}]},{"type":"paragraph","content":[{"type":"text","text":"Nekopedia","marks":[{"type":"bold"}]},{"type":"text","text":" — an encyclopedia of all 104 cat breeds, but reimagined as a tiny low-poly world you can actually explore. Drag around an infinite grassy canvas, zoom through the cats, and tap any one to flip open its card: stats, origin, traits, rarity badge, fun fact, and a real photo."}]},{"type":"paragraph","content":[{"type":"text","text":"Night mode, a spotlight cursor, ambient lofi, a unique meow for every cat... I went a little overboard, but I love cats so it didn't feel like work."}]},{"type":"paragraph","content":[{"type":"text","text":"The best part was finding some genuinely cool ways to use the new Framer Agent to pull this off. it unlocked stuff I didn't think I'd be able to build solo in a day."}]},{"type":"paragraph","content":[{"type":"text","text":"Submitting it to the Framer Hackathon. Take a look!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed408-7bef-77d8-8088-8bebb2b88160","like":{"count":137,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"f358077a-c220-4b9a-9b03-f8d17f146b8a","name":"Dwight Retulla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2043323/251e90064a9cb0891c6505293cf5485b-JZjO1oRUjgHLB2N13Ic6AocpGT3Q0y","slug":"dwight-retulla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T06:54:26.960Z","latestAt":"2026-06-17T06:54:26.960Z"},{"id":"019ed443-f719-71ae-a81f-e82f9695c696","type":"post.liked","target":{"type":"post","id":"019ed43f-fba7-758b-bb2b-bb69673e2045","preview":"Wow! We hit 200 followers overnight.\nThank you so much! ❤","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Wow! We hit 200 followers overnight."}]},{"type":"paragraph","content":[{"type":"text","text":"Thank you so much! "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e0741172-e450-4454-83e7-0c4e14d49c20/pvc7mh41","targetDeleted":false,"owned":false,"actions":{"postId":"019ed43f-fba7-758b-bb2b-bb69673e2045","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"f358077a-c220-4b9a-9b03-f8d17f146b8a","name":"Dwight Retulla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2043323/251e90064a9cb0891c6505293cf5485b-JZjO1oRUjgHLB2N13Ic6AocpGT3Q0y","slug":"dwight-retulla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T06:28:04.501Z","latestAt":"2026-06-17T06:28:04.501Z"},{"id":"019ed442-d74c-7031-9931-c5e4585086a9","type":"post.liked","target":{"type":"post","id":"019ed441-722e-711e-85bc-390936e14deb","preview":"A walkthrough of my 1st Framer template. Finalizing it for publish soon.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A walkthrough of my 1st Framer template. Finalizing it for publish soon."}]}]},"thumbnail":"https://image.mux.com/K2A8Kcdi14kWFwVaEG35ZN9R302e78OVP902VLXrMTYlI/thumbnail.webp?time=10.383","targetDeleted":false,"owned":false,"actions":{"postId":"019ed441-722e-711e-85bc-390936e14deb","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"f358077a-c220-4b9a-9b03-f8d17f146b8a","name":"Dwight Retulla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2043323/251e90064a9cb0891c6505293cf5485b-JZjO1oRUjgHLB2N13Ic6AocpGT3Q0y","slug":"dwight-retulla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T06:26:50.823Z","latestAt":"2026-06-17T06:26:50.823Z"},{"id":"019ed440-de17-72b8-93b8-9841ee404f4a","type":"component.created","target":{"type":"component","id":"lcM4ZaQN0Uw0o6m7ssBd","preview":"Interactive Orb Face","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f358077a-c220-4b9a-9b03-f8d17f146b8a/4ga2e3o1","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"f358077a-c220-4b9a-9b03-f8d17f146b8a","name":"Dwight Retulla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2043323/251e90064a9cb0891c6505293cf5485b-JZjO1oRUjgHLB2N13Ic6AocpGT3Q0y","slug":"dwight-retulla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-17T06:24:41.495Z","latestAt":"2026-06-17T06:24:41.495Z"},{"id":"019ed439-5a96-75ae-aaf8-e70588c7407d","type":"component.created","target":{"type":"component","id":"W4YvjCJRL4MedqIxlZBp","preview":"Glowing Edge Card","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f358077a-c220-4b9a-9b03-f8d17f146b8a/e5qbr3b8","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"f358077a-c220-4b9a-9b03-f8d17f146b8a","name":"Dwight Retulla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2043323/251e90064a9cb0891c6505293cf5485b-JZjO1oRUjgHLB2N13Ic6AocpGT3Q0y","slug":"dwight-retulla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-17T06:16:29.078Z","latestAt":"2026-06-17T06:16:29.078Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:f358077a-c220-4b9a-9b03-f8d17f146b8a:/unified/posts/?creator=f358077a-c220-4b9a-9b03-f8d17f146b8a&with=reposts":[{"data":[{"id":"019ed440-dde4-73ac-b762-537ad2ea6f52","title":null,"body":"

I just published a new Framer component: Interactive Orb Face. It’s a glowing orb character with soft aurora colors, calm motion, and clean controls for presets, appearance, face, and interaction.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I just published a new Framer component: "},{"type":"text","text":"Interactive Orb Face","marks":[{"type":"bold"}]},{"type":"text","text":". It’s a glowing orb character with soft aurora colors, calm motion, and clean controls for presets, appearance, face, and interaction."}]}]},"author":{"framerUserId":"f358077a-c220-4b9a-9b03-f8d17f146b8a","name":"Dwight Retulla","slug":"dwight-retulla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2043323/251e90064a9cb0891c6505293cf5485b-JZjO1oRUjgHLB2N13Ic6AocpGT3Q0y","followed":false,"followsYou":false},"media":[],"resources":[{"id":"lcM4ZaQN0Uw0o6m7ssBd","resolved":true,"title":"Interactive Orb Face","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An interactive glowing orb for Framer with a soft aurora mesh, a clean geometric face, and subtle motion designed for hero sections, portfolios, AI landing pages, and ambient visual storytelling. It combines a diffused abstract sphere with responsive pointer movement, layered parallax, gentle floating, and optional blinking for a calm but lively presence."}]},{"type":"paragraph","content":[{"type":"text","text":"The component is built to be easy to edit in Framer with a clean, grouped property panel and ready-to-use defaults. Users can quickly style the orb without touching code, which aligns with Framer’s guidance to organize properties clearly and make components easy to tweak."}]},{"type":"paragraph","content":[{"type":"text","text":"Controls include:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preset: switch between multiple aurora color styles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Appearance: adjust sphere size, glow, blur, opacity, and overflow."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interaction: control hover response, tilt, depth, and easing."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion: enable floating and adjust amount and speed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Face: edit line color, face scale, eyebrow curve, and eye size."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blink: toggle blinking and adjust interval and duration."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pros:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Strong visual impact with a minimal footprint."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to place in hero sections and premium layouts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean defaults that already look polished on canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible styling for calm, playful, or futuristic moods."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Organized controls for faster customization."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Best for:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS and AI hero sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio intros"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Personal brand websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ambient interactive headers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Modern landing pages"}]}]}]}]},"introduction":"Aurora orb with reactive face","slug":"interactive-orb-face","author":{"framerUserId":"f358077a-c220-4b9a-9b03-f8d17f146b8a","name":"Dwight Retulla","slug":"dwight-retulla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2043323/251e90064a9cb0891c6505293cf5485b-JZjO1oRUjgHLB2N13Ic6AocpGT3Q0y","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f358077a-c220-4b9a-9b03-f8d17f146b8a/4ga2e3o1","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-17T06:24:41.416Z","updatedAt":"2026-06-17T06:24:41.416Z","publishedAt":"2026-06-17T06:24:41.412Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://interactiveface-dash.framer.ai","price":"2","paymentUrl":"https://whop.com/checkout/plan_pdfrHMGq6o8GX","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"yVtETqhPzkEKOx54kFcr","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T06:24:41.444Z","updatedAt":"2026-06-17T06:24:41.444Z"},{"id":"019ed439-5a4e-7439-a60a-1be1ab385ea9","title":null,"body":"

Just published Glowing Edge Card — a Framer component with soft glowing edges and customizable hover or moving animations. You can edit the text, theme colors, typography, spacing, corners, glow effect, and speed to fit different layouts and styles.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just published "},{"type":"text","text":"Glowing Edge Card","marks":[{"type":"bold"}]},{"type":"text","text":" — a Framer component with soft glowing edges and customizable hover or moving animations. You can edit the text, theme colors, typography, spacing, corners, glow effect, and speed to fit different layouts and styles."}]}]},"author":{"framerUserId":"f358077a-c220-4b9a-9b03-f8d17f146b8a","name":"Dwight Retulla","slug":"dwight-retulla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2043323/251e90064a9cb0891c6505293cf5485b-JZjO1oRUjgHLB2N13Ic6AocpGT3Q0y","followed":false,"followsYou":false},"media":[],"resources":[{"id":"W4YvjCJRL4MedqIxlZBp","resolved":true,"title":"Glowing Edge Card","body":"

Glowing Edge Card is a customizable card component with a soft glowing edge effect. It can react when users hover over it or animate continuously in moving mode, and Framer components should clearly describe what they do and expose useful controls for editing.

Soft glowing border effect.
Supports hover mode and moving mode.
Editable title and body text.
Customizable light and dark theme colors.
Adjustable fonts, padding, and corner radius.
Control over glow intensity, spread, beam size, softness, brightness, and speed.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Glowing Edge Card is a customizable card component with a soft glowing edge effect. It can react when users hover over it or animate continuously in moving mode, and Framer components should clearly describe what they do and expose useful controls for editing."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Soft glowing border effect."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Supports hover mode and moving mode."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editable title and body text."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable light and dark theme colors."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable fonts, padding, and corner radius."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Control over glow intensity, spread, beam size, softness, brightness, and speed."}]}]}]}]},"introduction":"Card with soft glowing edges","slug":"glowing-edge-card","author":{"framerUserId":"f358077a-c220-4b9a-9b03-f8d17f146b8a","name":"Dwight Retulla","slug":"dwight-retulla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2043323/251e90064a9cb0891c6505293cf5485b-JZjO1oRUjgHLB2N13Ic6AocpGT3Q0y","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f358077a-c220-4b9a-9b03-f8d17f146b8a/e5qbr3b8","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1354,"height":841}}],"post":null,"createdAt":"2026-06-17T06:16:28.915Z","updatedAt":"2026-06-17T06:16:28.915Z","publishedAt":"2026-06-17T06:16:28.911Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://glowingedgecard-dash.framer.ai/","price":"2","paymentUrl":"https://whop.com/checkout/plan_Pr95Pz4er3qep","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"B2uBj8zgVL49KicozBxM","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T06:16:29.006Z","updatedAt":"2026-06-17T06:16:29.006Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]