Text Decrypt Scroll Effect in Framer

Copy component

Text Decrypt Scroll Effect in Framer

Copy component

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Effect

Text Decrypt Scroll Effect in Framer

This is a text decrypt scroll effect component for Framer, recreated from Jhey's work. As you scroll, it reveals text with a sleek decryption (or decoding) animation. Feel free to copy it to your project, customize it, and use it to add an engaging reveal effect to your site.

image of Nandi Muzsik
profile image of Jhey Tompkins
image of Isaac Roberts
image of Prianca S.

Created by

Dark-themed banner promoting a new Framer component titled 'Scroll to Decrypt'
Dark-themed banner promoting a new Framer component titled 'Scroll to Decrypt'
Dark-themed banner promoting a new Framer component titled 'Scroll to Decrypt'

About the resource

Similar to the other Framer components, this text decrypt scroll effect is fully customizable through component properties — no need to tweak any code.

You can easily modify the text, adjust the character set, and choose your preferred font style. If you're using it as a heading, you can set it to H1, H2, or any other tag that fits your design. You can also disable user select if you prefer the text not to be selectable on your site.

About the resource

Similar to the other Framer components, this text decrypt scroll effect is fully customizable through component properties — no need to tweak any code.

You can easily modify the text, adjust the character set, and choose your preferred font style. If you're using it as a heading, you can set it to H1, H2, or any other tag that fits your design. You can also disable user select if you prefer the text not to be selectable on your site.

About the resource

Similar to the other Framer components, this text decrypt scroll effect is fully customizable through component properties — no need to tweak any code.

You can easily modify the text, adjust the character set, and choose your preferred font style. If you're using it as a heading, you can set it to H1, H2, or any other tag that fits your design. You can also disable user select if you prefer the text not to be selectable on your site.

Scroll Decrypt component settings interface showcasing text, characters, font, color, and tag customization options

The scroll decrypt component properties in Framer.

Scroll Decrypt component settings interface showcasing text, characters, font, color, and tag customization options

The scroll decrypt component properties in Framer.

Scroll Decrypt component settings interface showcasing text, characters, font, color, and tag customization options

The scroll decrypt component properties in Framer.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

More resources

More resources

  • Pixel trail component with blue pixelated animation and interactive copy or remix options

    Pixel Trail Effect for Framer

    Effect

    Pixel trail component with blue pixelated animation and interactive copy or remix options

    Pixel Trail Effect for Framer

    Effect

    Pixel trail component with blue pixelated animation and interactive copy or remix options

    Pixel Trail Effect for Framer

    Effect

  • Security-focused message emphasizing encrypted personal data and transactions with a shield lock icon

    Flashlight Effect in Framer

    Effect

    Security-focused message emphasizing encrypted personal data and transactions with a shield lock icon

    Flashlight Effect in Framer

    Effect

    Security-focused message emphasizing encrypted personal data and transactions with a shield lock icon

    Flashlight Effect in Framer

    Effect