Corner Glow

Gives flat cards depth and a direction without touching their content.

Install

Included with Creative: needs your API key. Initialize and log in once.

Terminal

npx @galactrex/ui add corner-glow

Example

import { CornerGlow } from "@/components/galactrex/corner-glow";

<div className="relative overflow-hidden rounded-xl p-6"><CornerGlow />…</div>

Installs to components/galactrex/corner-glow.tsx, with the shared motion primitives beside it.

Source for this component comes with its plan. Install it with the command above, or open your licensed copy here.

Prop	Type	Default	Description
`corner`	`"top-left" \| "top-right" \| "bottom-left" \| "bottom-right"`	`"top-right"`	Where the light is.
`size`	`number`	`0.7`	Radius as a share of the parent.
`intensity`	`number`	`0.16`	Strength, 0 to 1.
`responsive`	`boolean`	`true`	Lean in on hover or focus.
`color`	`string`	—	Any CSS colour; defaults to a theme token.
`className`	`string`	—	Extra classes for the outer element.