Rind Reveal Text
A transparent pointer-light wordmark that reveals a melon/rind color pass inside readable chunky type.
Component Showcase
Rind Reveal Text
A transparent pointer-light wordmark that reveals a melon/rind color pass inside readable chunky type.
Framer MotionTypographyRevealGradient
Interactive Playground
Adjust sliders and values to preview changes in real-time
text
Headline text to reveal.
label
Optional accessibility and eyebrow label.
baseColor
Base text color.
scanColor
Rind green reveal color.
accentColor
Pulp accent reveal color.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | "RIND" | Headline text to reveal. |
| label | string | "Pointer light reveal" | Optional accessibility and eyebrow label. |
| baseColor | string | "#f4f4f4" | Base text color. |
| scanColor | string | "#7fff5e" | Rind green reveal color. |
| accentColor | string | "#ff5c71" | Pulp accent reveal color. |