Gradient Wave Text
A line of text with bands of color that pass through it from the bottom up, then settle on one base color. The colors are clipped to the letters, so the background stays yours.
Preview
Preview
Properties
Properties
- Type
- Framer component
- Price
- $5
- Year
- 2026
- Status
- Live
- Listing
- framer.com
- Slug
- gradient-wave-text
Features
Features
- The text, font and alignment. Text wraps to fit the frame.
- The gradient shape: radial, spreading from below the text, or linear, rising straight up. Bottom Offset moves the radial center further down.
- Up to 12 colors, 2 to 24 bands, the gap between bands, and the base color. With more bands than colors, the colors repeat.
- Speed from 0.1x to 4x, a start delay of up to 10 seconds, and a Paused switch.
- Whether it loops or plays once, and whether it starts on page load or when scrolled into view.
References
References Where to get it, and what it runs on.
Previous and next
Keep going
