embedodon is a simple client-side typescript library to render a Mastodon user’s public timeline.
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@social.lol"
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: