Shiny Pill
0
Used by 0Controls
Shiny Pill
Sweep a bright sheen across a line of text on an endless loop, with tunable shine color and sweep speed.
KEY FEATURES
- — Sheen sweeps left-to-right on an infinite loop
- — Independent base text and shine color pickers
- — Adjustable sweep speed from 1 to 12 seconds
- — Optional link wraps the text in a clickable anchor
- — Extended font control for family, variant, size, and letter spacing
- — Gradient mask drives the highlight with no canvas or WebGL
- — Auto-hugging width that fits the text content
- — Editable custom text string
API Reference
All props map directly to the controls panel sliders and color pickers.
LAYOUT
PROP
TYPE
DEFAULT
DESCRIPTION
text
string
SHINY PILL
The line of text displayed and swept by the sheen.
link
link
Optional URL that wraps the text in a clickable link.
textColor
color
#FFFFFF
Color of the base text beneath the sheen.
shineColor
color
#78FF83
Color of the sheen that sweeps across the text.
font
font
{"..."}
Font family, weight, size, spacing, and alignment of the text.
ANIMATION
PROP
TYPE
DEFAULT
DESCRIPTION
speed
number
1.5
Seconds per sweep loop; higher is slower.
