Aurora Shimmer
Buttons
Cosmic Heading
A variable-font hero heading that gently reacts to pointer proximity.
Customize
ADVERT
Overview
Cosmic Heading turns a simple hero title into a modern, interactive text effect. It uses a variable font to subtly re-weight individual letters based on pointer proximity, layered over a soft gradient fill. The result feels cinematic and reactive while staying clean and legible for real product hero sections.
Props
Use the props below to customise the cosmic heading in your own React application.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| text | string | No | "React components from the cosmic frontier" | Main heading text to render with the gradient + variable-font proximity effect. |
| className | string | No | undefined | Optional custom class name merged onto the root heading element for layout tweaks. |
Related React components
More components from the same category or sharing similar tags.
