JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cssglobe.com/lab/easypaginate/js/easypaginate.min.js"></script>
<ul id="items">
    <li>Page 1</li>
    <li>Page 2</li>
    <li>Page 3</li>
    <li>Page 4</li>
    <li>Page 5</li>
    <li>Page 6</li>
    <li>Page 7</li>
    <li>Page 8</li>
    <li>Page 9</li>
    <li>Page 10</li>
    <li>Page 11</li>
    <li>Page 12</li>
    <li>Page 13</li>
    <li>Page 14</li>
</ul>

CSS

/* content */

ul#items {
    margin:1em 0;
    width:auto;
    height:auto;
    overflow:hidden;
}

ul#items li {

    list-style:none;
    float:left;
    height:auto;
    overflow:hidden;
    padding: 5px;
    margin: 3px;
    background:#FF5677;
    color:#fff;
    text-align:center;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0 1px 1px #777;
    -webkit-box-shadow:0 1px 1px #777;
    box-shadow:0 1px 1px #777;
    color:#000;
}

ul#items li:hover {
    color:#333;
}

ol#pagination li {
    padding: 0 5px 0 5px;
    display: inline-block;

}

JavaScript

/* http://cssglobe.com/lab/easypaginate/js/easypaginate.min.js */
$(document).ready(function() {
    $('ul#items').easyPaginate({
        step: 3,
        numeric: false
    });
    $('li.prev').html('Anterior');
    $('li.next').html('PrĂłxima');
});