Quarra Framer Template

Template with live 3D glass

Created by: Pavlo Lobodiuk

$99

A business template for agencies and service firms, with a one-page site, CMS-powered blog and team pages, case studies, and contact form. Its live 3D glass object and scroll effects carry the visual identity across the site.

About this template

Quarra is a premium business template built around a live 3D glass object. It travels with you through the page, splits into four parts in the Industries section, turns step by step in the Process section and switches the whole page to dark in dark sections.

What’s inside

- One-page home with 13 sections: hero, stats, manifesto, mission, services, industries, process, case studies, team, insights, CTA and contact

- Blog with article pages and team, both on CMS (fits the Basic plan)

- Working contact form with loading, success and error states

- Live mini charts and scroll effects

- Desktop, tablet and phone layouts

- Design System page with every color, text style and component

Built for agents

Quarra comes with 16 built-in skills, so the Framer agent can edit it for you. Ask it to rebrand to your colors and fonts, rewrite the site for your business, add a page, a section, a case study or a team member, change the glass shape or color, or prepare the site for launch. It keeps the glass and dark sections working as it goes.

Just describe what you need in plain words:

- “Rebrand this to my company” changes colors, fonts, logo and name everywhere at once

- “Rewrite the site for my business” updates the hero, services, industries, process, case studies, team and blog

- “Put my logo in the glass” turns your logo into the 3D object - “Add a pricing page” or “add a section about our partners” builds it in the template’s own style

- “Send form leads to my email” sets up the contact form

- “Check mobile and get the site ready to launch” fixes tablet and phone layouts, SEO and social images

Any shape in glass

Use the built-in Stone, Orbit or Turbine, or upload any SVG or PNG (your logo, a symbol, any silhouette) and it becomes thick 3D glass. Set the glass color, thickness, spin and cursor follow. Lower quality settings keep it smooth on older laptops, and visitors who prefer reduced motion see a still version.

Included Pages

  • Home
  • Blog
  • Article
  • Team
  • Design System

More from Pavlo Lobodiuk

View all

More Business Templates

View all

More Agency Templates

View all

More Services Templates

View all

More 3D Templates

View all

More Animated Templates

View all

More Modern Templates

View all