56:I[473921,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/0_p7_rfyih3ce.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3x7cofmdt-u_a.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/439i_r5_4eszl.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/2eiu9v0ook5ln.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js"],"PostDetailCard"] 58:I[885856,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/0_p7_rfyih3ce.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3x7cofmdt-u_a.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/439i_r5_4eszl.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/2eiu9v0ook5ln.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js"],"CommentSection"] 57:T6e8,

LogoMotion – Animated Logo Preloader for Modern WebsitesThe LogoMotion component creates a sleek animated preloader that showcases your logo as your site loads. With smooth motion, optional rotation, and fade-out effect, it ensures your brand leaves a lasting first impression.

Features:

Animated logo entrance and exit with smooth easing
Optional infinite logo rotation
Fully customizable background color
Adjustable logo width and height
Automatic fade-out after loading (3s duration)
Built-in with Framer Motion for fluid animations

How it works:

Place LogoMotion as the first element inside your main Frame. Then adjust the following:

Width: 100%
Height: 100vh
Z-index: 10 (max)
Position: Fixed (Top = 0, Left = 0)
Pointer events: none (in Style panel)
Finally, lock the component to avoid accidental edits.

Once set, drop in your logo, adjust its size, background, and rotation. The animation runs automatically on page load and fades out after 3 seconds.

Perfect for:

Branding-focused websites
SaaS and startup landing pages
Portfolios and creative studios
Any project that needs a polished loading experience

53:[["$","$L56",null,{"post":{"id":"0199cd84-bb76-700f-8f51-88f24551804f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"406f98b1-89e9-42a6-a8d8-a71552b69c4e","name":"Luis Martínez","slug":"luis-martinez","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29066/Sin%20t%C3%83%C2%ADtulo-qXL9CoGQwKLEKAkLYiNj4u7kN59NkK.png","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"aYhjvfPIZJI6OyGShkNe","resolved":true,"title":"LogoMotion","body":"$57","bodyJson":null,"introduction":"","slug":"logomotion","author":{"framerUserId":"406f98b1-89e9-42a6-a8d8-a71552b69c4e","name":"Luis Martínez","slug":"luis-martinez","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29066/Sin%20t%C3%83%C2%ADtulo-qXL9CoGQwKLEKAkLYiNj4u7kN59NkK.png","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/aYhjvfPIZJI6OyGShkNe/logomotion-wq8twgZ5eBVeXQq6jsOaVSJ5F8UTE0","metadata":{"tint":{"h":240,"s":90,"l":36},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-01T14:32:43.930Z","updatedAt":"2025-10-10T08:40:39.859Z","publishedAt":"2025-10-10T09:47:32.086Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://logomotion.framer.website/","price":"10","paymentUrl":"https://luisomarti.lemonsqueezy.com/buy/55b9d590-ce21-417d-8cad-c73d173741a7","workshop":false,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"FPu9tfCw89zS789KZdki","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-10T09:47:32.086Z","updatedAt":"2025-10-10T09:47:32.086Z","reported":false,"type":"post"}}],["$","$L58",null,{"target":{"kind":"post","postId":"0199cd84-bb76-700f-8f51-88f24551804f"},"postId":"0199cd84-bb76-700f-8f51-88f24551804f","postAuthor":"$53:0:props:post:author","targetCommentId":"$undefined"}]]

Suggested for you