Account

Cards

Creative

Reveal Card

On hover or focus a panel rises over the image with title, text and actions; a tap toggles it on touch.

Install

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

Terminal
npx @galactrex/ui add reveal-card

Usage

Example
import { RevealCard } from "@/components/galactrex/reveal-card";

<RevealCard cover={<img … />}>…</RevealCard>

Source

Installs to components/galactrex/reveal-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.

See plans

Props

PropTypeDefaultDescription
coverReactNode—Image or title at rest.
childrenReactNode—Details.
reachnumber0.62How far details rise, 0.3–1.
classNamestring—Extra classes for the outer element.

Variants

  • Portfolio. Project image with credits.

Accessibility

  • Focusable; details are inert while hidden, so tab order is honest.

Motion and reduced motion

  • Spring transform panel; cover scales.
  • Reduced motion: no travel.