JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>        
        <script src="https://jcarousel-lite.googlecode.com/files/jcarousellite_1.0.1.min.js"></script>
        <script>
            $(function(){
                $("#container").jCarouselLite({
                    btnNext:'.next',
                    btnPrev:'.prev',
                    mouseWheel: true,
                    circular:false,
                    speed:500,
                    visible:3,
                    scroll:3,
                    wrap: 'last',
            lines:1
                });
                
                $(".add").on('click', function(){
                    var item = $("#list li:last").clone(true);
            
                    $("#list").append(item);
                });
                
            });
        </script>
        <style type="text/css">
            li{
                border:1px solid;
                width:50px;
                height:50px;
            }
        </style>
    </head>
    <body>
    <a href="#" class="next">Next</a>
    <a href="#" class="prev">Prev</a>
    <a href="#" class="add">Add</a>
    <div id="container">
        <ul id="list">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>  
              <li>7</li>
            <li>8</li>
            <li>9</li>  
        </ul>
    </div>    
    </body>
</html>