# Nylas Web Elements
A collection of web components for Nylas.
## Requirements
- [Node.js](https://nodejs.org/en/) v20 or higher
## Installation
Download and install the Scheduler UI Components in your project. The package includes both the Scheduling Component and the Scheduler Editor Component.
```bash
npm install @nylas/web-elements@latest
```
If you prefer, you can use `unpkg` to directly include the web components in your HTML/Vanilla JS file.
```html
```
## Getting Started
The following examples add the Nylas Scheduler Editor and Scheduling scripts in your app.
> ⚠️ **Important:** Make sure to replace the `NYLAS_CLIENT_ID` with your Nylas Client ID. Your Nylas Client ID can be found in your app's Overview page on the [Nylas Dashboard](https://dashboard-v3.nylas.com).
### Adding the Components
```html [-HTML (Scheduling Page: index.html)]
```
```html [-HTML (Scheduler Editor: scheduler-editor.html)]
```
### Start a local development server
To create a Scheduling Page from the Scheduler Editor, you'll need a working Scheduler UI. To do this, run a local server to host your Scheduler Editor and Scheduling Pages.
Navigate the root directory of your project and run the following command.
```text
npx serve --listen
```
After you run the command, open your browser to `http://localhost:/scheduler-editor` to see your Scheduler Editor and create your first Scheduling Page.
## Links
For a complete walkthrough on setting up Scheduler can be found at [https://developer.nylas.com/docs/v3/getting-started/scheduler](https://developer.nylas.com/docs/v3/getting-started/scheduler), with the complete code available on [GitHub](https://github.com/nylas-samples/quickstart-scheduler-react).
### Further reading:
- [Scheduler documentation](https://developer.nylas.com/docs/v3/scheduler/)
- [Scheduler API reference](https://developer.nylas.com/docs/api/v3/scheduler/)
- [Developer Forums](https://forums.nylas.com/)