Aurora Shimmer
Buttons
Nebula Text Halo
A cinematic, glowing nebula backdrop that wraps a glitchy, neon headline.
Customize
ADVERT
Overview
Nebula Text Halo pairs a soft, animated nebula backdrop with a layered neon headline. The background gently swirls and shifts around your cursor, while the foreground text uses cyan and magenta glow layers plus a subtle 3D tilt to feel like a premium sci‑fi title card.
Props
Use the props below to customise the nebula text halo in your own React application.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| text | string | Yes | Reactverse | Main heading text rendered with layered neon styles on top of the animated nebula backdrop. |
| accentText | string | No | Nebula glow headline | Optional smaller line rendered beneath the main title, useful for taglines or callouts. |
| className | string | No | undefined | Optional custom class name for the root container so you can control layout and sizing. |
| colors | string[] | No | ["#020617", "#22d3ee", "#e879f9"] | Array of up to three hex colors used to paint the nebula backdrop from base to accent. |
| intensity | number | No | 0.8 | Overall brightness and strength of the nebula glow. Lower values feel softer and more subtle. |
| tilt | number | No | 1 | How dramatically the headline tilts in 3D as you move the pointer. |
| parallax | number | No | 1 | How far the glow and nebula respond to pointer movement for a parallax feel. |
Related React components
More components from the same category or sharing similar tags.
