# Installation
The CKBox Uploader Widget is distributed as an npm package or as a package served from CDN.
## Node package
To install CKBox Uploader Widget as an NPM dependency, run:
### Using npm
```bash
npm install @ckbox/uploader
```
### Using yarn
```bash
yarn add @ckbox/uploader
```
### Using pnpm
```bash
pnpm add @ckbox/uploader
```
## CDN Server
To start using Uploader Widget on your website, embed the following `
```
Quick implementation example:
```html
```
## JavaScript
Once you install CKBox Uploader Widget, you can instantiate it in your code as shown below.
```js
import { mountUploaderWidget } from '@ckbox/uploader';
import '@ckbox/uploader/dist/styles/ckbox.css';
const { unmount } = mountUploaderWidget(document.querySelector('#ckbox'), {
workspaceId: 'your-workspace-id',
tokenUrl: 'https://your-token-endpoint.url',
});
```
## React integration
If you would like to use CKBox Uploader Widget in a React application, you can use the `CKBoxWidget` React component directly. It is exported by the `@ckbox/uploader` package.
Shown below is the content of an example React component file:
```jsx
import * as React from "react";
import { CKBoxWidget } from '@ckbox/core';
import '@ckbox/uploader/dist/styles/ckbox.css';
function App() {
return (
);
}
export default App;
```
> **Note**
>
> See the list of the supported [configuration options](configuration-options.md) that will help you configure the component.
---
Full index of the CKBox documentation: [llms.txt](../../../../llms.txt)