---
title: SvelteKit
description: The Coralogix RUM SDK is a library (plugin) for SvelteKit that provides telemetry instrumentation. Learn how to integrate with Coralogix's Real User Monitoring (RUM).
url: https://coralogix.com/docs/user-guides/rum/sdk-installation/javascript/sveltekit/
product: rum
feature: Browser SDK
feature_id: browser-sdk
feature_identifier: rum/browser-sdk
last_updated: '2026-10-21'
---

# SvelteKit

The Coralogix RUM SDK is a library (plugin) for SvelteKit that provides telemetry instrumentation. Learn how to integrate with Coralogix's Real User Monitoring (RUM).

## What you need

* **RUM key**: a Send-Your-Data key with the **SendRUMData** role preset. [Create it](https://coralogix.com/docs/user-guides/account-management/api-keys/api-keys.md#create-an-api-key) before the Browser SDK setup below. The key is public, and the preset is standalone, so it can't be combined with other presets. Don't use **SendData**: it carries no RUM permissions, and keys created with it must stay secret, so they don't belong in client code.
* **Source-map key**: a separate Team key with the **SourceMapping** preset. The [RUM CLI](https://coralogix.com/docs/user-guides/rum/cli/rum-cli.md#authentication-and-permissions) uses it at build time to upload source maps.

## Installation

Add the following code to the `layout.svelte` file:

```
<script lang="ts">

	import { CoralogixRum } from '@coralogix/browser';

	import { onMount } from 'svelte';

	import '../app.css';



	let { children } = $props();



	onMount(() => {

		CoralogixRum.init({

			public_key: 'my-key-123',

			environment: 'test',

			application: 'my-app',

			version: '1.0.0',

			coralogixDomain: 'EU1'

		});

	});



</script>



{@render children()}
```