JSFiddle - React, Tailwind, and code Playground
HTML
<div id="contributors">
<ul></ul>
</div>
CSS
#contributors ul {
margin: 0;
padding: 0;
}
#contributors li {
width: 78px;
margin: 5px;
display: inline-block;
text-align: center;
font-size: 75%;
}
#contributors img {
width: 64px;
}
JavaScript
$(document).ready(function () {
// contributors
$.ajax({
type: 'GET',
url: 'https://api.github.com/repos/minetest/minetest/contributors',
dataType: 'json',
success: function (result) {
for (i in result) {
$('#contributors ul').append('<li class="thumbnail"><a href="https://github.com/minetest/minetest/commits?author=' + result[i].login + '" target="_blank"><img src="' + result[i].avatar_url + 's=64" title="' + result[i].login + ' (' + result[i].contributions + ' contributions)"></a></li>');
}
}
});
});