By Lucidshade
10-page SaaS template for Framer with a live WebGL hero, a scroll-driven 3D showcase and a CMS blog.
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.
Pages included (10)
– Home: hero, 3D showcase, product UI, features, testimonials, pricing, FAQ and call to action
– Pricing page with plan comparison table
– About, Customers and Changelog pages
– Contact page with Framer form
– Blog overview and article template with CMS (3 sample articles)
– Legal page and custom 404 page
– Desktop, tablet and phone breakpoints on every page
– Shared color and text styles, plus AI agent instructions
