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

  • Emoji reaction bar with a hand cursor selecting a heart-eyes emoji among various expressive faces on a dark background

    Shiny Cursor Effect in Framer

    Effect

    Emoji reaction bar with a hand cursor selecting a heart-eyes emoji among various expressive faces on a dark background

    Shiny Cursor Effect in Framer

    Effect

    Emoji reaction bar with a hand cursor selecting a heart-eyes emoji among various expressive faces on a dark background

    Shiny Cursor Effect in Framer

    Effect

  • Graphic showcasing the 'Cursor Trail' component in Framer with a dynamic cursor leaving a trail effect on a starry space background

    Cursor Trail Effect for Framer

    Effect

    Graphic showcasing the 'Cursor Trail' component in Framer with a dynamic cursor leaving a trail effect on a starry space background

    Cursor Trail Effect for Framer

    Effect

    Graphic showcasing the 'Cursor Trail' component in Framer with a dynamic cursor leaving a trail effect on a starry space background

    Cursor Trail Effect for Framer

    Effect