Cards
CreativeReveal 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.
npx @galactrex/ui add reveal-cardUsage
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.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
cover | ReactNode | — | Image or title at rest. |
children | ReactNode | — | Details. |
reach | number | 0.62 | How far details rise, 0.3–1. |
className | string | — | 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.