Skip to content

UI BeatsUI Beats home

Star227Star UI Beats on GitHub (227 stars)

Back to Gradient Text docs

Gradient Text playground

Text · change a prop and it updates.

Supercharge your interface

Gradient Text: your configuration

<GradientText
  text="interface"
/>

Component

4 props

text

The text to paint

from

First and last stop of the gradient. Any CSS colour

via

Middle stop — the colour that travels across the text

duration4s

Seconds for one pass of the gradient