Templates with real WebGL,
built for Framer.
Lucidshade makes Framer templates whose signature effects are real Three.js and shader code — running natively inside Framer, no plugins, no embeds. Swap the text, colors and images; keep the depth.
Loopline — SaaS landing template
A complete product site for a SaaS or app: animated mesh-gradient hero, a live 3D scroll showcase, features, pricing, CMS blog with detail pages, custom 404 — on desktop, tablet and phone.
Hero: the MeshGradient code component renders a live shader — four colors, all editable in the Framer panel.
Showcase: a Three.js scene that reacts to scroll, rendered inside Framer. Works on the free Framer plan.
- 2 code components — MeshGradient & ScrollShowcase, props exposed in the Framer panel
- 3 breakpoints — desktop 1200, tablet 810, phone 390, all hand-tuned
- CMS blog — collection, card grid and styled detail pages with next-post navigation
- Header & footer components — with a mobile variant and smooth-scroll anchors
- Shared text & color styles — recolor the whole site from one panel
- Hover states, custom 404, page titles & descriptions — the details are done
- AI-friendly — the Framer agent can swap copy, colors and images; the effects live in their own components and stay intact
- Reduced-motion aware — effects respect the visitor's system setting
How it works
Three steps from checkout to your own project. No files to download, nothing to install.
Buy
Checkout takes a minute. You get an invoice and a confirmation email from Polar, our merchant of record.
Get the remix link
Right after checkout you get your Framer remix link and a short setup note. It stays available in your Polar customer portal (linked in your receipt email). Keep the link private — it's your copy of the template.
Remix in Framer
Open the link, click Remix, and the whole project lands in your Framer workspace. Replace text, images and colors, then publish.
FAQ
What do I need to use Loopline?
A Framer account. The free plan is enough to remix the template and publish on a framer.website address. Publishing on your own domain requires one of Framer's paid site plans — that's Framer's pricing, not ours.
How do the 3D and gradient effects work? Is there a plugin?
No plugin. Both effects are Framer code components included in the project. The 3D showcase loads Three.js from the esm.sh CDN at runtime, the way Framer code components import libraries. Your visitors need an internet connection — like for any website.
Can I change the colors, the 3D object, the text?
Yes. Colors live in shared color styles and in the component props; text and images are normal Framer layers; the CMS blog is a standard Framer collection. The 3D component exposes its settings as props in the right-hand panel.
Will I get updates?
Framer remixes are copies, so updates don't flow into your project automatically. If we ship an improved version, buyers get the new remix link by email and can move over their content.
Who is the seller on my invoice?
Polar Software, Inc. — they act as merchant of record for Lucidshade, so your invoice, VAT and payment security are handled by them. The template itself is made and supported by Lucidshade.
The preview shows a pricing page with $0, $29 and $79. What do I actually pay?
$99, once. The prices in the preview belong to “Loopline”, the fictional feedback tool the template is designed around — sample content you replace with your own, like every text and image in it. The template is also named Loopline, which is why the two are easy to confuse.
What exactly is included?
One Framer project with a long home page (hero with the MeshGradient shader, features, 3D scroll showcase, pricing, blog teaser, footer), a CMS blog with 3 sample posts on their own detail pages, and a custom 404 page. All sample texts are in English and fully editable. There is no Figma file — the template is built and edited directly in Framer.
Can I use Loopline for a client project?
Yes. One purchase covers one website — your own or one client's. For each additional website, please buy another copy. Reselling or sharing the template or its remix link is not allowed.
Ready to ship something that moves?
$99 once. Remix it into your Framer workspace in minutes and make it yours.
Support & refunds
Questions before or after buying — write to us. We answer within 48 hours, usually faster.
Support
Email support@lucidshade.studio with a short description and, if it helps, a link to your published site. Setup help, questions about the code components and small how-tos are included with your purchase.
Not included: custom design work or building your site for you.
Refund policy
14 days. If Loopline doesn't work as described here or on the Framer Marketplace, email us within 14 days of purchase and we'll fix it or refund you.
The remix link gives immediate access to the complete source project. Once the link has been used to remix the template, a refund is no longer possible — please check the live preview first.