## Embed ✅

Embed your favorite plugins or services

* Embed your favorite plugins
* Setup in seconds

```
npm install --save-dev webdash-embed
```

![Webdash embed](https://webdash.xyz/assets/plugins/webdash-embed.png)

[Repo & Documentation](https://github.com/jadjoubran/webdash-embed)

***


## Hue ✅

Control your Philips hue lights straight from your dashboard

* Switch lights on/off
* Set lights' brightness
* Enable custom presets with different settings

```
npm install --save-dev webdash-hue
```

![Webdash hue](https://webdash.xyz/assets/plugins/webdash-hue.png)

[Repo & Documentation](https://github.com/jadjoubran/webdash-hue)

***

## Workbox ✅

Generate your workbox configuration by answering questions from the wizard

* One-click install if workbox-cli is not installed
* Wizard asks you questions with smart defaults
* Shows stats about your existing service worker

```
npm install --save-dev webdash-workbox
```

![Webdash workbox](https://i.imgur.com/2UJWvPb.png)

[Repo & Documentation](https://github.com/jadjoubran/webdash-workbox)

***

## Readme Preview ✅

Preview your README.md file straight from the dashboard for a seamless experience.

* Converts README.md to HTML preview
* Supports Github flavored markdown

```
npm install --save-dev webdash-readme-preview
```

![Webdash readme preview](https://i.imgur.com/XFr31xS.png)

[Repo & Documentation](https://github.com/jadjoubran/webdash-readme-preview)

***

## Package JSON ✅

Stay on top of your installed packages and visualize your node dependencies.

* View installed packages
* View exact version installed
* Get informed on outdated packages
* Update packages in one-click

```
npm install --save-dev webdash-package-json
```

![Webdash package JSON](https://i.imgur.com/dC1Uwmh.png)

[Repo & Documentation](https://github.com/jadjoubran/webdash-package-json)

***


## NPM Scripts ✅

Run your frequently used npm scripts straight from the dashboard using one-click buttons.

* Quick-access your top 3 scripts
* Access secondary scripts from dropdown
* Cancel long running tasks
* View command output

```
npm install --save-dev webdash-npm-scripts
```

![Webdash NPM Scripts](https://i.imgur.com/JOK82X4.png)

[Repo & Documentation](https://github.com/jadjoubran/webdash-npm-scripts)


***


## PWA Manifest ✅

Speed up your Progressive Web App workflow by previewing your Web App Manifest.

* Icon on homescreen
* Splash screen
* Status bar theme color

```
npm install --save-dev webdash-pwa-manifest
```

![Webdash PWA Manifest](https://i.imgur.com/mT9ACuh.png)

[Repo & Documentation](https://github.com/jadjoubran/webdash-pwa-manifest)

***


## Performance Budget ✅

Monitor the total size of your production JavaScript files to maintain fast performance.

* Keep track of your performance budget
* Customize your budget
* Get warned when you exceed the limit

```
npm install --save-dev webdash-performance-budget
```

![Webdash NPM Scripts](https://i.imgur.com/NUsITil.png)

[Repo & Documentation](https://github.com/jadjoubran/webdash-performance-budget)

***

Anyone can build a webdash plugin.
Learn more about [verified plugins](https://github.com/jadjoubran/webdash/wiki/Apply-for-a-verified-plugin)