HeroHighlight
A hero section wrapper with a subtle dot-grid background, paired with a Highlight span that animates a colored underline behind text when it scrolls into view.
import { HeroHighlight, Highlight } from "@animui/ui"Basic
Wrap a heading with HeroHighlight to get the dot-grid backdrop, then use Highlight around the word to animate.
Build beautiful interfaces
HeroHighlight Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Content rendered inside the hero background. |
className | string | — | Additional classes. |
Highlight Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Text to highlight. |
className | string | — | Additional classes for the highlight span. |