5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rdgef59pv3cw.js","/creators-assets/_next/static/immutable/chunks/0zdv1ssrxkrvj.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/0gxswkth5mc6b.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/36invrtoq879v.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0j6nyijn0flqd.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3h1dt97hv5ik0.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/1h-r9oggqjick.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"PostDetailCard"] 5d:T698,

A full-screen preloader that skips the usual reveal-in mask. Solvo is visible the moment it mounts: portrait images burst outward from the center at staggered angles while your title (or logo) reveals character by character. A counter ticks up in the bottom-right corner, everything holds for a beat, then the whole loader wipes away to reveal your page. Preview Link

What you get

Up to 8 images, each with its own rotation and a clipped scale-in burst, staggered on entry and reversed on exit
Title text with a per-character mask reveal in randomized order, or swap it for your own uploaded logo (SVG or image) — one toggle switches between the two
16 CSS blend modes on the title or logo (normal, multiply, difference, color burn, and more) so it can sit flush against your background or cut visibly into the images behind it
A counter with its own typography control, sized and styled independently from the title
Full color control over background and text
A speed multiplier and start delay, so you can slow it down for a cinematic feel or speed it up for something snappier
onLoadStart and onLoadComplete event handlers to trigger your own hero animation the moment the loader finishes

Built for

Editorial sites, portfolios, real estate and hospitality landing pages, product launches, anything with strong photography where you want the loading moment to feel like part of the story instead of a spinner.

59:[["$","$L5c",null,{"post":{"id":"01a06667-5eba-761b-be00-8ca3f6ef649d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"dc756cc3-0e70-4d81-b856-067a3159f858","name":"Jane","slug":"jane-muthoni-muchiri","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1587759/avatar-ztz6FeQVn24ahnOtuJ0eSgcXcREr4C.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"cwRhR0YaQgPjfvIAzFes","resolved":true,"title":"Solvo Loader","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A full-screen preloader that skips the usual reveal-in mask. Solvo is visible the moment it mounts: portrait images burst outward from the center at staggered angles while your title (or logo) reveals character by character. A counter ticks up in the bottom-right corner, everything holds for a beat, then the whole loader wipes away to reveal your page. "},{"type":"text","text":"Preview Link","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://solvo-loader.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"What you get","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 8 images, each with its own rotation and a clipped scale-in burst, staggered on entry and reversed on exit"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title text with a per-character mask reveal in randomized order, or swap it for your own uploaded logo (SVG or image) — one toggle switches between the two"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"16 CSS blend modes on the title or logo (normal, multiply, difference, color burn, and more) so it can sit flush against your background or cut visibly into the images behind it"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A counter with its own typography control, sized and styled independently from the title"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full color control over background and text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A speed multiplier and start delay, so you can slow it down for a cinematic feel or speed it up for something snappier"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"onLoadStart and onLoadComplete event handlers to trigger your own hero animation the moment the loader finishes"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built for","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial sites, portfolios, real estate and hospitality landing pages, product launches, anything with strong photography where you want the loading moment to feel like part of the story instead of a spinner."}]}]},"introduction":"Portrait images burst outward","slug":"solvo-loader","author":{"framerUserId":"dc756cc3-0e70-4d81-b856-067a3159f858","name":"Jane","slug":"jane-muthoni-muchiri","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1587759/avatar-ztz6FeQVn24ahnOtuJ0eSgcXcREr4C.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc756cc3-0e70-4d81-b856-067a3159f858/01a06667-1488-75c8-b79a-fd9301481f0a.png","metadata":{"tint":"hsl(0 0% 3%)","aspectRatio":1.3333333333333333}}],"post":null,"createdAt":"2026-09-03T08:34:05.041Z","updatedAt":"2026-09-03T08:34:05.041Z","publishedAt":"2026-09-03T08:34:05.037Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://solvo-loader.framer.website/","price":"12","paymentUrl":"https://janemuso.lemonsqueezy.com/checkout/buy/e27aec07-9522-4c8f-b9c1-b4b792a9bcc5","workshop":false,"categories":[{"id":"3a855006-6097-4489-b33b-8024cb26633e","name":"Interactions","slug":"interactions"}],"lastSaveId":"Ck5XhplEBcbaknMHNoDL"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-03T08:34:05.627Z","updatedAt":"2026-09-03T08:34:05.627Z","reported":false}}],"$L5e"]

Suggested for you