Announcing <twitter-status> and <twitter-user> Web Components for displaying tweets and users

web

#1

If you are looking for an easy way to display statuses and users on your website, check out my recently published and Web Components. They are easy to use, consume API JSON responses, and will take your Twitter data display to the next level.

<twitter-status> added to your website like this:

<script src="https://unpkg.com/twitter-status@latest/dist/twitter-status.min.js"></script>
<twitter-status status="{\"id_str\":\"123\",...}"></twitter-status>

Will render a beautiful embed like this:

Source: https://github.com/abraham/twitter-status
Demo: https://codepen.io/abrahamwilliams/pen/eyLLWy
NPM: https://www.npmjs.com/package/twitter-status

<twitter-user> added to your website like this:

<script src="https://unpkg.com/twitter-user@latest/dist/twitter-user.min.js"></script>
<twitter-user user="{\"id_str\":\"123\",...}"></twitter-user>

Source: https://github.com/abraham/twitter-user
Demo: https://codepen.io/abrahamwilliams/pen/dJaEpq
NPM: https://www.npmjs.com/package/twitter-user

Note that these Web Components require modern web APIs Custom Elements v1 and Shadow DOM v1 which currently need to be pollyfilled in some browsers.

If you have any feedback or issues please let me know.