Loopline

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.