JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.goat1000.com/jquery.tagcanvas.min.js?2.4"></script>
<canvas width="300" height="300" id="myCanvas">
  <p>Anything in here will be replaced on browsers that support the canvas element</p>
  <ul>
<li><a href="#">	oksanaviktorovna @daniya_akpan	</a></li>
<li><a href="#">	lena_lisina_ @severyanochkaa	</a></li>
<li><a href="#">	lena_lisina_ @natalechka_zakharova	</a></li>
<li><a href="#">	lena_lisina_ @violettushka	</a></li>
<li><a href="#">	___dinaaraa___ @nika_kruglyak	</a></li>
<li><a href="#">	olkaver1 @vlad0929	</a></li>
<li><a href="#">	needmylama @annasusslova	</a></li>
<li><a href="#">	needmylama @annnwest	</a></li>
<li><a href="#">	needmylama @_sania_sipliy_	</a></li>
<li><a href="#">	_sania_sipliy_ @annasusslova	</a></li>
<li><a href="#">	_sania_sipliy_ @needmylama	</a></li>
<li><a href="#">	annnwest @annasusslova	</a></li>
<li><a href="#">	mama_marka1 @anuta_salmina	</a></li>
<li><a href="#">	olya_lu @lara.egobarbi	</a></li>
<li><a href="#">	olya_lu @ksyushechka	</a></li>
<li><a href="#">	missis.sorokina @valiusha6116	</a></li>
<li><a href="#">	iricha_1987 @julia_putin	</a></li>
<li><a href="#">	_luna_89_ @misiri_es	</a></li>
<li><a href="#">	ambrozialeto @terresita_luch	</a></li>

  </ul>
 </canvas>

JavaScript

$(document).ready(function() {
 $('#myCanvas').tagcanvas({
    textColour : '#555', // Цвет текста
    outlineThickness : 1, // Обводка у ссылок (Да, Нет)
    maxSpeed : 0.3, // Максимальная скорость
    depth : 0.9, // Глубина. От 0 до 1
     shape: "hring",
  lock: "x"
  })
});