# Glass card

A glass info panel over a photo whose rim catches a pointer-following highlight while the card tilts; tap to morph it into a detail sheet.

- ID: `glass-card`
- Import: `animui/glass-card`
- Category: Special
- Runtime exports: `GlassCard`
- Declaration: `types/pro/glass-card.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: holo-card, expandable-card

```tsx
import { GlassCard } from 'animui/glass-card';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info glass-card` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
/** Reconstructed from saved Arc documentation and runtime binding evidence; original TypeScript source was unavailable. */
import type { ComponentType, ReactNode, CSSProperties, Ref, ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react';

export interface GlassCardProps {
  image: string;
  imageAlt: string;
  title: string;
  subtitle?: ReactNode;
  aside?: ReactNode;
  children?: ReactNode;
  open?: boolean;
  defaultOpen?: boolean;
  onOpenChange?: (open: boolean) => void;
  tilt?: number;
  className?: string;
  style?: CSSProperties;
}

export declare const GlassCard: ComponentType<GlassCardProps>;

export default GlassCard;
```