---
agentTools:
  projectIndex: https://docs.rainway.com/llms.txt
---

# Getting Started

Rainway provides a React component to help out with rendering streams in your [Rainway Web SDK](https://docs.rainway.com/docs/web-getting-started) apps.

It's available as `@rainway/react` on npm:

```sh
npm install @rainway/react
```

# Usage

Pass an [`InboundStream`](https://docs.rainway.com/reference/web-sdk-inboundstream) as a prop to the `Rainway` component to render it.

[block:code]
{
  "codes": [
    {
      "code": "return (\n  <Rainway\n    stream={currentStream}              // Pass in a RainwayStream object...\n    style={{ filter: 'grayscale(1)' }}  // ... and styles for the wrapper div\n  >\n    <p>Children are displayed as fallback when `stream` is undefined.</p>\n  </Rainway>\n);",
      "language": "typescript"
    }
  ]
}
[/block]