Glyph Orbit Text
A transparent central headline surrounded by orbiting character tiles derived from the same word, forming a readable typographic halo.
Component Showcase
Glyph Orbit Text
A transparent central headline surrounded by orbiting character tiles derived from the same word, forming a readable typographic halo.
Framer MotionTypographyOrbitGlyphs
Interactive Playground
Adjust sliders and values to preview changes in real-time
text
Central headline text.
primaryColor
Central headline color.
accentColor
Primary orbit glyph color.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | "ORBIT" | Central headline text. |
| primaryColor | string | "#ffffff" | Central headline color. |
| accentColor | string | "#7fff5e" | Primary orbit glyph color. |