https://github.com/ptkdev-components/webcomponent-patreon-box
My Patreon Tier Box with avatars and link from rest/json api.
https://github.com/ptkdev-components/webcomponent-patreon-box
custom-elements patreon patreon-api patreon-box patreon-photos patreon-tier patreon-widget shadow-dom webcomponent webcomponents
Last synced: 3 months ago
JSON representation
My Patreon Tier Box with avatars and link from rest/json api.
- Host: GitHub
- URL: https://github.com/ptkdev-components/webcomponent-patreon-box
- Owner: ptkdev-components
- License: other
- Created: 2020-04-29T20:23:14.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-05-03T19:30:03.000Z (about 4 years ago)
- Last Synced: 2025-03-11T05:06:34.567Z (3 months ago)
- Topics: custom-elements, patreon, patreon-api, patreon-box, patreon-photos, patreon-tier, patreon-widget, shadow-dom, webcomponent, webcomponents
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/@ptkdev/webcomponent-patreon-box
- Size: 589 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
README
# 🎁 WebComponent: Patreon Box
[](https://github.com/ptkdev-components/webcomponent-patreon-box/releases) [](https://www.npmjs.com/package/@ptkdev/webcomponent-patreon-box) [](https://github.com/ptkdev-components/webcomponent-patreon-box/blob/master/LICENSE.md) [](https://wikipedia.org/wiki/ECMAScript) [](https://snyk.io/test/github/ptkdev-components/webcomponent-patreon-box) [](http://discord.ptkdev.io)
> My Patreon Tier Box with avatars and link from rest/json api.
> ⛔ **DISCLAIMER**: This is an **unofficial** patreon library and offers no warranty! All trademarks and logos belong to their respective owners.
## 🎁 Support: Donate
> This project is **free**, **open source** and I try to provide excellent **free support**. Why donate? I work on this project several hours in my spare time and try to keep it up to date and working. **THANK YOU!**
[](https://www.paypal.me/ptkdev) [](https://www.patreon.com/ptkdev) [](https://github.com/sponsors/ptkdev/) [](https://ko-fi.com/ptkdev)
 
## 📎 Menu
- 💡 [Features](#-features)
- 🕹 [Demo](https://codepen.io/ptkdev/pen/abvLgOE)
- 👔 [Screenshot](#-screenshot)
- 🚀 [How to use](#-installation)
- - 🌎 [Web](#-installation-web)
- - 📦 [Webpack/Browserify](#-installation-npm-module---browserifywebpack)
- - 📖 [Wordpress](#-installation-wordpress)
- - ⚛️ [React](#%EF%B8%8F-installation-react)
- - 🅰️ [Angular](#🅰%EF%B8%8F-installation-angular)
- 🧰 [Options / Attributes](#-options--attributes)
- 📚 [Documentation](#-documentation)
- 👨💻 [Contributing](#-contributing)
- 🐛 [Known Bugs](https://github.com/ptkdev-components/webcomponent-patreon-box/issues?q=is%3Aopen+is%3Aissue+label%3Abug)
- 🍻 Community:
- 
[Discord](http://discord.ptkdev.io) ([🇬🇧 English Channel](https://discord.gg/YkMG26f) | [🇮🇹 Italian Channel](https://discord.gg/HFtdBAJ) | [🇵🇱 Polish Channel](https://discord.gg/TV5EXFd))
## 💡 Features
* [✔️] Easy to use
* [✔️] MIT License
* [✔️] Without jQuery depencence
* [✔️] Configurable with attributes
* [✔️] Work with: Browserify / Webpack / ReactJS / Angular / Wordpress
* [✔️] My Patreon Tier Box with avatars and link from rest/json api.
* [✔️] Translations: 🇬🇧 🇮🇹 🇵🇱 (Help me ❤️)
## 👔 Screenshot
See [Demo here](https://codepen.io/ptkdev/pen/abvLgOE). Photos from ptkdev's patreon rest api:
[](https://raw.githubusercontent.com/ptkdev-components/webcomponent-patreon-box/nightly/.github/assets/screenshot/webcomponent-patreon-box-screen1.png)
## 🚀 Installation (Web)
1. Add html code to your page (and replace `api` with your endpoint):
```html
```
2. Require javascript in yourpage (before `