Components

Tilt Card

A card that tilts in 3D toward the cursor and drifts flat again on leave.

Lean in

The card tilts toward your cursor in 3D and drifts flat on leave.

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 tilt-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 { TiltCard } from "@lumora/ui/components/tilt-card";
// or from the barrel:
import { TiltCard } from "@lumora/ui";

Props worth knowing

maxTilt caps the tilt in degrees at the edges (default 10); glare adds a soft lumen glare that tracks the pointer. preserve-3d is set, so children can pop with their own translateZ. Props extend the natural HTML element, so className, event handlers, and aria attributes pass straight through.