The Layer Web SDK is a JavaScript library for adding chat services to your web application. For detailed documentation, tutorials and guides please visit our Web SDK documentation.

Use our new XDK! The XDK enables a richer messaging experience and new features will be added there. See the repository at https://github.com/layerhq/web-xdk. Don't worry, Layer Web SDK is still supported.

• IE 11 and Edge
• Safari 7
• Chrome 42 and up
• Firefox 40 and up

Older versions of Chrome and Firefox will likely work.

All examples below assume your using the CDN installation method; adapting instructions to other methods should be straightforward.

Simplest approach to install the Web SDK is to add the following script tag:

<script src='//cdn.layer.com/sdk/3.1.0/layer-websdk.min.js'></script>

• For stricter code control, use //cdn.layer.com/sdk/3.0.n/layer-websdk.min.js instead. (where n is the patch number for the desired release)

All classes can then be accessed via the layer namespace:

var client = new layer.Client({
    appId: LAYER_APP_ID
});

npm install layer-websdk --save

All classes can then be accessed via the layer module:

var layer = require('layer-websdk');

var client = new layer.Client({
    appId: LAYER_APP_ID
});

var layer = require('layer-websdk/index-es6');

var client = new layer.Client({
    appId: LAYER_APP_ID
});

var layer = require('layer-websdk/index-react-native');

var client = new layer.Client({
    appId: LAYER_APP_ID
});

Download the latest SDK release Source code archive, extract the files and run the following commands from the extracted project folder:

> npm install
> grunt build

A build/ folder will be generated that contains client.min.js file.

Other build commands:

• grunt debug: Generates build/client.debug.js which provides source-mapped files if you need to step through the Web SDK.
• grunt docs: Generates docs/index.html which you can open to view the API documentation.
• grunt test: Run the unit tests

• For a full introduction, see https://docs.layer.com/sdk/web/introduction
• For an API Reference, see https://docs.layer.com/api_reference/web-3.0/