---
title: "Type Aperture — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Solve Kit · Text. Type Aperture is a responsive cursor text reveal for expressive Framer hero sections, portfolio introductions, campaign headlines…"
canonical: "https://framer.elliotli.dev/component/type-aperture"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Type Aperture

# Type Aperture

Cursor-led dual-message typography

[View on Framer](https://framer.com/marketplace/components/type-aperture/?via=elliot-li)

![Type Aperture preview image 1](https://framer.elliotli.dev/og/component/type-aperture/64d29fa49c914572/1600x1200.jpg)

## Summary

Type Aperture is a responsive cursor text reveal for expressive Framer hero sections, portfolio introductions, campaign headlines, and editorial storytelling.

## Description

Type Aperture is a responsive cursor text reveal for expressive Framer hero sections, portfolio introductions, campaign headlines, and editorial storytelling.

Move **the pointer to uncover a second message through a precise circular aperture. Click or tap and the reveal expands** fluidly from that exact point. Move during the transition and the animation continues to follow. Click again to close; the aperture and guide marks return only when the collapse is complete.

**One focused Framer code component—not a template. It includes:**

• Five art-directed presets: Editorial, Nocturne, Ultramarine, Monochrome, and Verdant

• Complete Custom mode for colors, typography, sizing, spacing, and motion

• Adjustable aperture size and optional guide marks

• Desktop, tablet, and mobile behavior

• Mouse, touch, and keyboard support

• Reduced-motion and static-canvas handling

• Native Framer property controls

• No external assets, API keys, or runtime services

Best for portfolio and studio heroes, editorial campaigns, brand statements with a second meaning, creative landing pages, and interactive case-study openings.

Your download includes the verified Component URL, a concise setup guide, controls reference, and commercial-use licence. Support: [hello@usesolvekit.com](mailto:hello@usesolvekit.com)

## Rank history [How rankings work →](/terms#rankings)

-   All · #3792

## Details

- **Author**: Solve Kit
- **Price**: $9.00
- **Published**: 2026-07-30
- **Updated**: 2026-08-21
- **Added**: 2026-07-30
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing