# Sand text

A headline made of sand that pours into the letters, crumbles where the cursor digs, and heals itself.

- ID: `sand-text`
- Import: `animui/sand-text`
- Category: Special
- Runtime exports: `SandText`
- Declaration: `types/pro/sand-text.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: —

```tsx
import { SandText } from 'animui/sand-text';
```

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 sand-text` 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 SandTextProps {
  text: string;
  grain?: number;
  radius?: number;
  palette?: string[];
  as?: "h1" | "h2" | "h3" | "p";
  className?: string;
  style?: CSSProperties;
}

export declare const SandText: ComponentType<SandTextProps>;

export default SandText;
```