Flicker
0
Used by 0Flicker
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
Content prop.
text
string
Lander Studio
Text prop.
image
image
Image prop.
font
font
{"fontFamily":"League Spartan","variant":"Medium","fontWeight":400,"fontSize":120,"lineHeight":"1em","letterSpacing":"0em","textAlign":"left"}
Font prop.
fontColor
color
#57FF1F
Color prop.
gradientAngle
number
90
Angle prop.
gradientStart
color
#ffffff
From prop.
gradientEnd
color
#888888
To prop.
textEnterFlickerEnabled
boolean
true
Enter Flicker prop.
flicker
object
{"position":"above","replay":"yes","restState":"filled","delay":0,"ease":{"type":"tween","stiffness":800,"damping":60,"mass":1,"duration":2,"ease":"linear"},"flickerCount":3,"showStroke":false,"strokePosition":"start","strokeCount":1,"strokeColor":"#ffffff","strokeWidth":1.5,"wordFlickerEnabled":true,"shakeEnabled":false,"shakeWidth":10,"shakeSpeed":10,"letterFlickerEnabled":true,"letterFlickerMode":"opacity","letterFlickerOpacity":30,"letterFlickerIntensity":10}
Enter Flicker prop.
textHoverFlickerEnabled
boolean
true
Hover Flicker prop.
flickerHover
object
{"ease":{"type":"tween","stiffness":800,"damping":60,"mass":1,"duration":2,"ease":"linear"},"flickerCount":3,"showStroke":false,"strokePosition":"start","strokeCount":1,"strokeColor":"#ffffff","strokeWidth":1.5,"wordFlickerEnabled":true,"shakeEnabled":false,"shakeWidth":10,"shakeSpeed":10,"letterFlickerEnabled":true,"letterFlickerMode":"opacity","letterFlickerOpacity":30,"letterFlickerIntensity":10}
Hover Flicker prop.
imageEnterFlickerEnabled
boolean
true
Enter Flicker prop.
flickerImage
object
{"position":"above","replay":"yes","restState":"filled","delay":0,"ease":{"type":"tween","stiffness":800,"damping":60,"mass":1,"duration":5,"ease":"linear"},"flickerCount":4,"shakeEnabled":false,"shakeWidth":10,"shakeSpeed":10}
Enter Flicker prop.
imageHoverFlickerEnabled
boolean
false
Hover Flicker prop.
flickerImageHover
object
{"ease":{"type":"tween","stiffness":800,"damping":60,"mass":1,"duration":5,"ease":"linear"},"flickerCount":4,"shakeEnabled":false,"shakeWidth":10,"shakeSpeed":10}
Hover Flicker prop.
tag
enum
h1
Tag prop.
COLORS
PROP
TYPE
DEFAULT
DESCRIPTION
colorMode
enum
solid
Color Mode prop.
