Chromatic Melt Text
A transparent chromatic wordmark with offset glass shadows, soft pointer glow, and restrained per-letter hover lift.
Component Showcase
Chromatic Melt Text
A transparent chromatic wordmark with offset glass shadows, soft pointer glow, and restrained per-letter hover lift.
Framer MotionTypographyPointer PhysicsGradient
Interactive Playground
Adjust sliders and values to preview changes in real-time
text
Headline text to render.
kicker
Optional small label above the text.
primaryColor
Main glyph color.
secondaryColor
Glow and under-drip color.
accentColor
Hover and alternate drip color.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | "CHROMA" | Headline text to render. |
| kicker | string | "Chromatic glass type" | Optional small label above the text. |
| primaryColor | string | "#ffffff" | Main glyph color. |
| secondaryColor | string | "#ff5c71" | Glow and under-drip color. |
| accentColor | string | "#7fff5e" | Hover and alternate drip color. |