Skip to content

component

Text Lens Revealer

By Tato

Details

Summary

Text Lens Revealer lets you hide one piece of text behind another — and reveal it with a smooth magnifying glass when users hover.

Description

Text Lens Revealer lets you hide one piece of text behind another — and reveal it with a smooth magnifying glass when users hover. It’s perfect for playful messages, secret notes, storytelling, or adding a little magic to your website. Users move their mouse over the text and a glass-like lens follows their cursor, showing a different message underneath. You can easily customize everything from Framer: Original Text – The text that is visible by default Hidden Text – The message revealed inside the lens Text Color – Color of the main text Hover Color – Color of the hidden text Magnifier Size – How big the lens is Glass Blur – How soft or sharp the glass looks Glass Border – Style of the lens edge Glass Opacity – How transparent the lens is Font – Choose any Framer font Always Show – Turn on to keep the hidden text visible without hovering Great for Fun call-to-actions Interactive headlines Surprise messages Landing pages Creative storytelling

Introduction

Show alternative text on hover

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600174028/148/228/309/79/15
  • All · #7402