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.
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.
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.
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
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.
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.
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.
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
Shruti Khandelwal
