embedodon

embedodon is a simple client-side typescript library to render a Mastodon user’s public timeline.

example

A simple example for showing the author’s toots, using a standard built-in color scheme:

<script type="module">
  import { EmbedodonElement } from 'https://cdn.jsdelivr.net/npm/embedodon@^1.0.0/dist/index.js'
  customElements.define('embedodon-example', EmbedodonElement)
</script>

<embedodon-example
  username="@dand@mastodonmusic.social"
  class="standard"
></embedodon-example>

You can also customize the appearance using CSS.

On the left is the default appearance; on the right is customized with some extra network delay added for debugging: