Magnetic Card

Feels like a pane of glass with something behind it. For grids of links and products.

Install

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

Terminal

npx @galactrex/ui add magnetic-card

Example

import { MagneticCard } from "@/components/galactrex/magnetic-card";

<MagneticCard href="/apps/beforeedit/">…</MagneticCard>

Installs to components/galactrex/magnetic-card.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
`children`	`ReactNode`	—	Content.
`strength`	`number`	`12`	Largest pull in px.
`href`	`string`	—	Makes the whole card one link.
`className`	`string`	—	Extra classes for the outer element.