60:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/0zubnn10c3ycs.js","/creators-assets/_next/static/immutable/chunks/22fu5bsavzwwn.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/062po15e5hwpr.js","/creators-assets/_next/static/immutable/chunks/32s-s0h8dunw3.js","/creators-assets/_next/static/immutable/chunks/1v0xj8e0d13kw.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/07sosm3lwkdw8.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/11h2ibt_o5elc.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/1rb_nvxxbbu8w.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1gvonxkx57c1x.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/31-e06d1rs-dv.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/3t_5_0v67w73j.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/1xzntyuuknw6z.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/2m-zjjbxmagmn.js","/creators-assets/_next/static/immutable/chunks/1pih5-tmb9v-o.js","/creators-assets/_next/static/immutable/chunks/2schrvc7zmj3_.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0qidl8fzyhhwz.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/18fioq62461za.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js"],"S"] 61:T85a,

Loopline is a 10-page SaaS template with real WebGL — not a video, not an image.

What makes it different

Hero: the MeshGradient code component renders a live shader. All four colors are editable in the properties panel.
Showcase: a Three.js scene that turns as visitors scroll. 5 built-in shapes, or drop in your own GLB model.
Product UI: a responsive app mockup built as a code component. Change title, colors and panels in the properties panel — no screenshots to redo.
Everything runs natively in Framer — no plugins, no embeds. Works on the free Framer plan.

What's included (10 pages)

Home: hero, 3D showcase, product UI, features, testimonials, pricing, FAQ and call to action
Pricing page with a plan comparison table
About, Customers and Changelog pages
Contact page with a Framer form
Blog overview and article template, powered by the Framer CMS (3 full sample articles)
Legal page (imprint, privacy, terms) and a custom 404 page
Desktop, tablet and phone breakpoints on every page
Shared color and text styles, plus built-in AI agent instructions
English copy (no Figma file)

Good to know

Three.js is bundled by Framer on publish.
Contact form: after remixing, connect your own form destination (e.g. email or webhook) in Framer's form settings.
All links work out of the box: navigation, footer, mailto contact links and social links — swap in your own URLs.

Support & refunds

Questions: support@lucidshade.studio (reply within 48 h). If Loopline doesn't work as described, we'll fix it or refund you within 14 days. Once the remix link has been used, refunds are no longer possible — please check the live preview first.

License: one purchase = one website (yours or a client's). No resale or redistribution.

5f:["$","$L60",null,{"value":{"fallback":{"$inf$activity-creator-9efb26d5-2325-43e5-8e7e-491f202c76e4-all:/unified/creator/9efb26d5-2325-43e5-8e7e-491f202c76e4/activity/":[{"data":[{"id":"01a0ce91-d495-74ab-8bb2-e3475bcaf12c","type":"template.created","target":{"type":"template","id":"73695","preview":"Loopline","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9efb26d5-2325-43e5-8e7e-491f202c76e4/01a0d412-a5e4-73c5-b29c-53878e73e796.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9efb26d5-2325-43e5-8e7e-491f202c76e4","name":"Lucidshade","avatar":null,"slug":"lucidshade","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-23T14:00:58.773Z","latestAt":"2026-09-23T14:00:58.773Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:9efb26d5-2325-43e5-8e7e-491f202c76e4:/unified/posts/?creator=9efb26d5-2325-43e5-8e7e-491f202c76e4&with=reposts":[{"data":[{"id":"01a0ce91-d09e-71d4-a4df-d325dda4f7f8","title":null,"body":"

Loopline is a 10-page SaaS template with a hero that actually moves: a live WebGL shader, not a video. Scroll down and a 3D scene turns with you. Pricing with a comparison table, Customers, Changelog, Blog, Contact form, and a Product UI component you edit right in the properties panel. Native Framer, works on the free plan.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Loopline is a 10-page SaaS template with a hero that actually moves: a live WebGL shader, not a video. Scroll down and a 3D scene turns with you. Pricing with a comparison table, Customers, Changelog, Blog, Contact form, and a Product UI component you edit right in the properties panel. Native Framer, works on the free plan."}]}]},"author":{"framerUserId":"9efb26d5-2325-43e5-8e7e-491f202c76e4","name":"Lucidshade","slug":"lucidshade","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"73695","resolved":true,"title":"Loopline","body":"$61","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Loopline is a 10-page SaaS template with real WebGL — not a video, not an image."}]},{"type":"customHeading","content":[{"type":"text","text":"What makes it different"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero: the MeshGradient code component renders a live shader. All four colors are editable in the properties panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcase: a Three.js scene that turns as visitors scroll. 5 built-in shapes, or drop in your own GLB model."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product UI: a responsive app mockup built as a code component. Change title, colors and panels in the properties panel — no screenshots to redo."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Everything runs natively in Framer — no plugins, no embeds. Works on the free Framer plan."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"What's included (10 pages)"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home: hero, 3D showcase, product UI, features, testimonials, pricing, FAQ and call to action"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing page with a plan comparison table"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About, Customers and Changelog pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact page with a Framer form"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blog overview and article template, powered by the Framer CMS (3 full sample articles)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Legal page (imprint, privacy, terms) and a custom 404 page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop, tablet and phone breakpoints on every page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shared color and text styles, plus built-in AI agent instructions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"English copy (no Figma file)"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Good to know"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three.js is bundled by Framer on publish."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact form: after remixing, connect your own form destination (e.g. email or webhook) in Framer's form settings."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"All links work out of the box: navigation, footer, mailto contact links and social links — swap in your own URLs."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Support & refunds"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Questions: "},{"type":"text","text":"support@lucidshade.studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@lucidshade.studio","target":"_blank"}}]},{"type":"text","text":" (reply within 48 h). If Loopline doesn't work as described, we'll fix it or refund you within 14 days. Once the remix link has been used, refunds are no longer possible — please check the live preview first."}]},{"type":"paragraph","content":[{"type":"text","text":"License:","marks":[{"type":"bold"}]},{"type":"text","text":" one purchase = one website (yours or a client's). No resale or redistribution."}]}]},"introduction":"SaaS template with real WebGL","slug":"loopline","author":{"framerUserId":"9efb26d5-2325-43e5-8e7e-491f202c76e4","name":"Lucidshade","slug":"lucidshade","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9efb26d5-2325-43e5-8e7e-491f202c76e4/01a0d412-a5e4-73c5-b29c-53878e73e796.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9efb26d5-2325-43e5-8e7e-491f202c76e4/01a0d412-d955-7789-baac-8442a581cfff.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9efb26d5-2325-43e5-8e7e-491f202c76e4/01a0d412-ed1e-740a-9a90-3f3e6577f158.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9efb26d5-2325-43e5-8e7e-491f202c76e4/01a0d413-0600-7192-b16d-173c929d6d66.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9efb26d5-2325-43e5-8e7e-491f202c76e4/01a0d413-2595-733d-8331-3be9d89b92e3.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-23T14:00:56.626Z","updatedAt":"2026-09-24T15:55:02.253Z","publishedAt":"2026-09-23T14:00:56.622Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"99","paymentUrl":"https://buy.polar.sh/polar_cl_73z8WWw0d1pNsIpaOZ4O5CHbAbyvRj00KVQrt4VXmKR","remixUrl":null,"previewUrl":"https://loopline-template.framer.website/","categories":[{"id":22,"name":"Startup","slug":"startup"},{"id":271,"name":"Apps","slug":"apps"},{"id":14,"name":"Landing Page","slug":"landing-page"}],"styles":[{"id":6,"name":"3D","slug":"3d"},{"id":110,"name":"Animated","slug":"animated"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":21,"name":"CMS","slug":"cms"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-24T17:00:11.943Z","createdAt":"2026-09-23T14:00:57.758Z","updatedAt":"2026-09-24T17:00:11.943Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L62"}]