# Applause Button
[](#backers)
[](#sponsors)
[](https://www.npmjs.com/package/applause-button)
[](https://github.com/semantic-release/semantic-release)
A zero-configuration button for adding applause / claps / kudos to web pages and blog-posts.
**NOTICE:** The free and hosted version of this service is no longer operational. If you want to use the applause button on your website you are encouraged to host the back-end yourself using the code from the following repo: https://github.com/ColinEberhardt/applause-button-server. Alternatively, you can use the service hosted by a community member at `https://applause.chabouis.fr`.
## Minimal example
The applause button is a custom element that can be added directly to the page. Here is a minimal example:
```html
```
The above will render an applause button, persisting claps and clap counts.
For more information, visit the [project website](https://colineberhardt.github.io/applause-button/);
## Browser Support
All browsers with
[partial support of Custom Elements](https://caniuse.com/custom-elementsv1); check current state at
[Browserslist](https://browsersl.ist/#q=partially+supports+custom-elementsv1).
## Development
Clone this repo then install dependencies via yarn:
```shell
yarn
```
Use `yarn test` to run the test suite. These use Jest as the test runner, and Puppeteer as a headless Chrome instance,
allowing the applause button to make API requests (with appropriate responses faked within the test code).
You can build the code and start watching the `src` folder for changes as follows:
```shell
yarn watch
```
Then run the following command in another terminal, to serve a test page containing an applause-button:
```shell
yarn test:serve
```
Navigate to http://localhost:8081 to view the test page; remember to refresh the page after code changes.
### Releases
All releases are created automatically via
[semantic release](https://github.com/semantic-release/semantic-release)
running as a GitHub workflow.
## Contributors
This project exists thanks to all the people who contribute.
## Backers
Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/applause-button#backer)]
## Sponsors
Support this project by becoming a sponsor. Your logo will show up here with a link to your website.
[[Become a sponsor](https://opencollective.com/applause-button#sponsor)]
## Sponsors
Support this project by becoming a sponsor. Your logo will show up here with a link to your website.
[[Become a sponsor](https://opencollective.com/applause-button#sponsor)]
