---
title: Web
description: The RUM browser SDK can be integrated into the Flutter web framework for telemetry instrumentation, enabling real-time performance monitoring and analytics.
url: https://coralogix.com/docs/user-guides/rum/sdk-installation/flutter/web/
product: rum
feature: Browser SDK
feature_id: browser-sdk
feature_identifier: rum/browser-sdk
last_updated: '2026-10-21'
---

# Web flutter

The RUM browser SDK can be integrated into the Flutter web framework for telemetry instrumentation, enabling real-time performance monitoring and analytics. Learn how to use it with Coralogix's [CDN Browser SDK ](https://coralogix.com/docs/user-guides/rum/sdk-installation/javascript/cdn-browser.md).

## What you need

* **RUM key**: a Send-Your-Data API key with the **SendRUMData** role preset.

## Installation

1. Add the following CDN to your `index.html` file:

   ```
   <script src="https://cdn.rum-ingress-coralogix.com/coralogix/browser/latest/coralogix-browser-sdk.js"></script>
   ```

2. Use the Web Flutter SDK in your Dart code as follows.

```
import 'package:flutter/material.dart';

import 'dart:js' as js;



void main() {

runApp(const MyApp());



var rum = js.JsObject.fromBrowserObject(js.context['CoralogixRum']);



rum.callMethod('init', [js.JsObject.jsify({

  environment: 'test',

  application: 'my-app',

  version: '1.0.0',

  public_key: 'my-key-123',

  coralogixDomain: 'EU2',

})]);

}
```