Text Reflection

Text Reflection
Text Reflection

About Text Reflection

stylish and realistic text reflection component that mirrors your text beneath it with soft opacity and blur for a sleek, modern, and elegant look. Perfect for hero sections, luxury branding, digital showcases, and creative typography displays.

Customizable in Framer Panel:

  • Text: change the displayed text content.

  • Fill Type: choose between a solid color or gradient text fill.

  • Color: set the text color (only visible when using “Solid”).

  • Gradient Colors — pick two colors to create a gradient-filled text (when “Gradient” is selected).

  • Reflection Opacity: control the visibility and strength of the reflected text.

  • Reflection Blur: adjust the blur of the reflected text.

  • Font: adjust font family, size, weight, letter spacing, and line height.

From Edi Priatama

Chrome Text
Gradient Glow Text
Text Glitch
Particle Reveal

Related Components

WebGL Text Tunnel
Smart Typewriter Pro
Shape ticker
Kinetic Type Flow