Skip to content

component

Shiny Text Effect

By Shruti Khandelwal

Details

Summary

Shiny Text Effect is a modern animated text component that creates a smooth shimmer moving across your text.

Description

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

Introduction

Shiny Animation Text Effect

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400146418/148/228/309/79/15
  • All · #2757