Cast in Glass

A cursor-lit glass headline for Framer. Highlights slide through the letters, color fringes lean away, and a caustic pool shifts underneath. $9.

(ZN / 32)32 / Cast in Glass

A designer’s eye. An operator’s discipline.

Zachery Nielson / Creative × OperationsMove, or tap, to place the light

How to use

1. Drag Cast in Glass onto your page.

2. Set the width to Fill and the height to 100vh, or your section height.

3. Type your headline and tagline in the properties panel.

4. Set the colors. Bind them to color styles if you want light and dark mode.

5. Publish. Press Preview and move the pointer to place the light.

Customization cheat-sheet

• Fonts: leave Built-in for Bodoni Moda and Switzer. Choose Custom to pick your own.

• Orbit 1 is the original drift. Fade speed 1 is the original intro timing.

• Play “When in view” starts the light when the section becomes current. “Always” starts as soon as the page loads.

• Hide Fringes or Caustics for a quieter glass.

• An empty headline shows a placeholder, so the layout stays intact.

Made by Zachery Nielson. Open the remix link, remix the project into your account, and the component appears under Assets. No code editing is required.

Create a free website with Framer, the website builder loved by startups, designers and agencies.