# Shockwave (Mobile)

> Skia-shader chromatic-ripple transition between two views — auto-cycles between content blocks. CLI-installed (heavy peer).
> Source: https://otf-kit.dev/components/shockwave

## At a glance

- **Platform:** React Native (Expo)
- **Category:** Display
- **Package:** `@otfdashkit/ui-native` (free, MIT)
- **Tags:** transition, shader, skia, native
- **Distribution:** heavy-peer component — installed via the `@otfdashkit/cli` registry, not the npm barrel.

## Install

```bash
bunx @otfdashkit/cli add shockwave
```

## Usage

```tsx
import { Shockwave } from '@otfdashkit/ui-native'
```

The `<Shockwave>` component ships the same prop API on web (`@otfdashkit/ui`) and native (`@otfdashkit/ui-native`) where a parity version exists.

## Links

- Live preview + code: https://otf-kit.dev/components/shockwave
- Storybook: https://native.otf-kit.dev
- All components: https://otf-kit.dev/components