Shiny Text Effect

Shiny Text Effect is a modern animated text component that creates a smooth shimmer moving across your text. It's lightweight, responsive, and fully customizable, making it perfect for adding subtle visual emphasis to any website.

Getting Started

• Add the component to your canvas.

• Enter your desired text.

• Customize the font using Framer's typography controls.

• Adjust the shimmer animation to match your design.

Property Controls

The component includes the following controls:

• Text – Edit the displayed text.

• Font – Customize typography using Framer's native font controls.

• Color – Set the base text color.

• Shine – Choose the highlight color used for the shimmer.

• Speed – Control how fast the shimmer animation moves.

• Delay – Add a pause between animation cycles.

• Spread – Adjust the width and angle of the shimmer highlight.

• Direction – Animate the shimmer from left or right.

• Disabled – Turn the shimmer effect on or off.

• Yoyo – Reverse the animation instead of continuously looping.

• Pause Hover – Pause the animation while hovering over the text.

Support

If you have any questions, encounter an issue, or need a custom Framer component, feel free to get in touch. I'm always happy to help.

X: https://x.com/shrutii_studio

LinkedIn: https://www.linkedin.com/in/shrutikhandelwal3113/

Email: hello.shrutistudio@gmail.com