JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://imapo.ru/js/jquery.easing.js"></script>
<script src="http://imapo.ru/js/jquery.tagcloud.min.js"></script>
<ul id="tag-cloud">
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
</ul>
<ul id="tag-cloud1">
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
</ul>
<ul id="tag-cloud2">
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
<li><a href="Ссылка" title="Титульник">Название тега</a></li>
</ul>
CSS
#tag-cloud { position:relative; top:10px; left:10px; height:300px; width:400px; border:1px solid red; overflow:hidden; margin-bottom:40px;}
#tag-cloud1 { position:relative; top:10px; left:10px; height:400px; width:500px; border:1px solid red; overflow:hidden; margin-bottom:40px;}
#tag-cloud2 { position:relative; top:10px; left:10px; height:300px; width:300px; border:1px solid red; overflow:hidden; margin-bottom:40px;}
JavaScript
$(function(){
$("#tag-cloud").tagCloud();
$("#tag-cloud1").tagCloud({"direction":"horizontal", "easein":"easeOutBounce", "speed":100});
$("#tag-cloud2").tagCloud({"direction":"vertical", "easein":"easeOutBack", "speed":100});
});