PeekThrough

Turn words into an experience.

Most websites present information.

PeekThrough encourages people to interact with it.

Reveal hidden messages beneath your typography using a beautifully animated glass lens that follows the cursor with natural spring motion, subtle refraction, and premium micro-interactions.

Perfect for portfolios, product launches, agency websites, landing pages, and anyone looking to create moments visitors actually remember.

No code required.

Simply customize the text, colors, typography, lens style, animation, and layout directly inside Framer.

Features

Instead of generic bullets, every feature should answer "why it matters."

Realistic Glass Lens

Reveal hidden content using a premium glass effect with blur, glint, refraction, and subtle grain.

Five Reveal Styles

Choose between clean rectangles, rounded cards, pills, brush strokes, blobs, splats, or bring your own SVG shape.

Dual Content Layers

Display one message by default and reveal another beneath it with a simple hover.

Perfect for storytelling, product messaging, and playful interactions.

Complete Typography Control

Customize fonts, spacing, alignment, sizing, colors, backgrounds, and hierarchy without writing code.

Motion Controls

Adjust spring physics, reveal timing, lens size, blur intensity, edge softness, and animation speed.

Responsive by Default

Designed to work beautifully across modern desktop layouts while remaining easy to adapt inside Framer.

Perfect For

Instead of six cards, I'd write

• Designer portfolios

• Agency websites

• Product landing pages

• Case studies

• Brand storytelling

• Marketing campaigns

• Creative resumes

• Interactive hero sections

Those are exactly what buyers are imagining when they browse.

What's Included

✓ 5 Reveal Styles

✓ Glass Lens

✓ Freeform SVG Shapes

✓ Responsive Layout

✓ Property Controls

✓ Zero-Code Setup

✓ Spring Motion

✓ Premium Documentation