Flicker Text
0
Used by 0Controls
Flicker Text
Bring text and images to life with customizable flicker and outline effects.
KEY FEATURES
- — Supports both text and image animations
- — Customizable enter and hover flicker effects
- — Word and letter-level flicker controls
- — Optional shake animation for added impact
- — Solid and gradient text support
- — Fully customizable timing and easing
- — Replay and scroll-triggered animations
API Reference
All props map directly to the controls panel sliders and color pickers.
LAYOUT
PROP
TYPE
DEFAULT
DESCRIPTION
contentType
enum
text
Switches the animated content between text and an image.
text
string
Flicker Text
The text string that flickers in and out.
image
image
Image shown and flickered when Content is set to Image.
font
font
{"..."}
Font family, weight, size, line height, spacing, and alignment of the text.
fontColor
color
#FFFFFF
Solid fill color of the text.
gradientAngle
number
90
Direction of the text gradient, in degrees.
gradientStart
color
#ffffff
Starting color of the text gradient.
gradientEnd
color
#888888
Ending color of the text gradient.
textEnterFlickerEnabled
boolean
true
Plays the flicker animation when the text scrolls into view.
flicker
object
{"..."}
Configures the text enter flicker: trigger, rest state, timing, stroke, shake, and letter flicker.
textHoverFlickerEnabled
boolean
true
Plays the flicker animation when the cursor hovers over the text.
flickerHover
object
{"..."}
Configures the text hover flicker: timing, count, stroke, shake, and letter/word flicker.
imageEnterFlickerEnabled
boolean
true
Plays the flicker animation when the image scrolls into view.
flickerImage
object
{"..."}
Configures the image enter flicker: trigger, rest state, timing, count, and shake.
imageHoverFlickerEnabled
boolean
false
Plays the image flicker animation on hover.
flickerImageHover
object
{"..."}
Configures the image hover flicker: timing, flicker count, and shake.
tag
enum
h1
HTML element used to render the text: h1 through h6 or p.
COLORS
PROP
TYPE
DEFAULT
DESCRIPTION
colorMode
enum
solid
Fills the text with a solid color or a two-stop gradient.
