Components

Spotlight Card

A surface card whose border lights up and a soft radial lumen glow trails the cursor; the glow fades in on enter and out on leave.

Hold the light

The border brightens and a radial lumen glow trails your cursor across the card.

Install

Copies the component source — plus its small internal deps — into your project. You own the code from the first minute.

terminal

npx lumora-ui@latest add spotlight-card

Import

Using the workspace package instead? Deep imports keep cold starts lean; the barrel is fully tree-shakable either way.

app/page.tsx

import { SpotlightCard } from "@lumora/ui/components/spotlight-card";
// or from the barrel:
import { SpotlightCard } from "@lumora/ui";

Props worth knowing

radius sets the glow radius in px (default 260). The card supplies surface, border and overflow handling — just pass children. Every tile in this gallery is one. Props extend the natural HTML element, so className, event handlers, and aria attributes pass straight through.