<simple-boost>
<simple-boost> is the lightning boost button for your website. It is the fastest and easiest way to receive tips and allows your visitors to send support with one simple click.
As easy as HTML
<simple-boost> is just an HTML element configurable with plain HTML attributes. You can it anywhere you can use HTML!
<simple-boost amount="2100" address="hello@getalby.com"></simple-boost>Simply loadable from the CDN
<simple-boost> is easy to add on any website. The easiest is to load from the CDN:
<script type="module" src="https://unpkg.com/simple-boost?module"></script>
<simple-boost
amount="0.2"
currency="eur"
class="spotify"
address="hello@getalby.com"
></simple-boost>Highly customizable to match your text and style
<simple-boost> supports any button content and can easily be customized (see themes). You can use it as any other HTML button.
<simple-boost
style="border:1px solid red; padding: 5px"
class="my-boost"
amount="2100"
address="hello@getalby.com"
>Support my work!</simple-boost</simple-boost>Predefined button themes
<simple-boost> comes with a list of themes and can be configured to match your style.
Possible theme options: alby, hey, figma, figma-filled, next, next-filled, bootstrap, bootstrap-filled, gumroad, spotify
If the themes do not fit your style then simply customized it with your own style.
<simple-boost class="hey" address="hello@getalby.com"></simple-boost>
<simple-boost class="bootstrap" address="hello@getalby.com"></simple-boost>
<simple-boost
class="gumroad"
currency="usd"
amount="1"
address="hello@getalby.com"
></simple-boost>
<simple-boost
class="figma-filled"
address="hello@getalby.com"
currency="eur"
amount="1"
></simple-boost>Configure with attributes
<simple-boost> can be configured with attributes in plain HTML. See API for details.
<simple-boost
address="your-node-key"
custom-key="..."
custom-value="..."
></simple-boost>