A collection of handy little web components.

Back to top

Add a back to top button to any web page or scrollable container.

<script
  defer
  src="https://cdn.jsdelivr.net/npm/@parsonic/back-to-top/min.js"></script>

<back-to-top></back-to-top>

View the package details for full usage instructions.

Copy to clipboard

Easily add copy to clipboard functionality for text, images and other data types.

<script
  defer
  src="https://cdn.jsdelivr.net/npm/@parsonic/copy-to-clipboard/min.js"></script>

<copy-to-clipboard>
  <pre><code>pnpm add @parsonic/copy-to-clipboard</code></pre>
</copy-to-clipboard>

<copy-to-clipboard data-url="/img/awesome-pic-full.png">
  <img src="/img/awesome-pic-thumbnail.png" alt="An awesome picture" />
</copy-to-clipboard>

View the package details for full usage instructions.

Share button

Add a share button to any web page.

<script
  defer
  src="https://cdn.jsdelivr.net/npm/@parsonic/share-button/min.js"></script>

<share-button></share-button>

View the package details for full usage instructions.