# Gravity well

A grid of tiles that bends toward the cursor like spacetime, with a click that sends a shockwave through it.

- ID: `gravity-well`
- Import: `animui/gravity-well`
- Category: Special
- Runtime exports: `GravityWell`
- Declaration: `types/pro/gravity-well.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: dot-grid, photo-grid

```tsx
import { GravityWell } from 'animui/gravity-well';
```

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 gravity-well` 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 GravityWellProps {
  children: ReactNode;
  columns?: number;
  minTileSize?: number;
  gap?: number;
  radius?: number;
  strength?: number;
  onPulse?: (origin: { x: number; y: number }) => void;
  label?: string;
  className?: string;
  style?: CSSProperties;
}

export declare const GravityWell: ComponentType<GravityWellProps>;

export default GravityWell;
```