Molten Framer Template

About this template

Molten is a site for a design studio or agency, built around one bold gesture: your studio name, giant and melting across the top of the first screen, drawn live in WebGL. A drop of ink follows the cursor through the letters, and wanders on its own when the cursor leaves.

The rest of the site speaks the same language: photos in a duotone that open in their real colours under the cursor, headlines that tilt toward the cursor and straighten as you scroll, and a melted "let's talk" to close the page.

What's inside

Home page: your name melted across the top, the leaning headline and one big photo, a studio section in three words, your work, services, how you work, and contact

Work list with 4 sample sites, each shown on a desktop and a phone side by side, with its name, line, type and year

Project page fed by the CMS: the project's name melted across the top, its lines, the idea in three words, the site on desktop and phone in windows that scroll through the whole page on hover, four facts, and the next project's name melted at the bottom

4 sample projects written in full in the Work collection, each linked to the next

Full-screen menu and a copy-email button

Duotone and accent colours set from the right panel, like every text and image

Desktop, tablet and phone layouts

Good to know

Fonts: Inter Tight and Poppins, free

Motion stays still for visitors who turn off animations

Sample sites and photos are for preview only: replace them with your own work

Questions or issues: contact@atypikal.ma