JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/jquery/jquery-color/master/jquery.color.js"></script>
<html>
<body>
    <div class="list-5">
        <ul>
            <li>
        <a href="#">Hello world</a> 
            </li>
        </ul>
    </div>
</body>
</html>

CSS

.list-5 a{text-decoration:none;font-weight:bold;font-size:20px;}

JavaScript

// Color plugin loaded at the left panel

$('.list-5 li a').hover(function ()
     {
      $(this).stop().animate({ color: '#ffffff' })
     },
    function () 
    {
      $(this).stop().animate({ color: '#0e1b23' })
        
          })