JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

    
</head>
<body>

<div class="container">
    <div class="row">
        <div class="col-xs-4">CSS Selector</div>
        <div class="col-xs-2">Color</div>
        <div class="col-xs-2">Default</div>
        <div class="col-xs-4">Notes</div>
    </div>

    <div class="row form-group"  id="tab_logic">
        <div id='addr0'>
            <div class="col-xs-4">
                <input type="text" name="config_color[0][css]" value="" id="input-color[0][css]" class='form-control' />
            </div>
            <div class="col-xs-2">
                <input type="text" name="config_color[0][value]"   value="" id="input-color[0][value]" class='form-control jscolor' />
            </div>
            <div class="col-xs-2">
                <input type="text" name="config_color[0][default]" value="" id="input-color[0][default]" class='form-control' />
            </div>
            <div class="col-xs-4">
                <input type="text" name="config_color[0][notes]"   value="" id="input-color[0][notes]" class='form-control' />
            </div>
        </div>
        <div id='addr1'></div>
    </div>

   ...

JavaScript

/**
         * jscolor - JavaScript Color Picker
         *
         * @link    http://jscolor.com
         * @license For open source use: GPLv3
         *          For commercial use: JSColor Commercial License
         * @author  Jan Odvarko
         *
         * See usage examples at http://jscolor.com/examples/
         */"use strict";window.jscolor||(window.jscolor=function(){var e={register:function(){e.attachDOMReadyEvent(e.init),e.attachEvent(document,"mousedown",e.onDocumentMouseDown),e.attachEvent(document,"touchstart",e.onDocumentTouchStart),e.attachEvent(window,"resize",e.onWindowResize)},init:function(){e.jscolor.lookupClass&&e.jscolor.installByClassName(e.jscolor.lookupClass)},tryInstallOnElements:function(t,n){var r=new RegExp("(^|\\s)("+n+")(\\s*(\\{[^}]*\\})|\\s|$)","i");for(var i=0;i<t.length;i+=1){if(t[i].type!==undefined&&t[i].type.toLowerCase()=="color"&&e.isColorAttrSupported)continue;var s;if(!t[i].jscolor&&t[i].className&&(s=t[i].className.match(r))){var o=t[i],u=null,a=e.getDataAttr(o,"jscolor");a!==null?u=a:s[4]&&(u=s[4]);var f={};if(u)try{f=(new Function("return ("+u+")"))()}catch(l){e.warn("Error parsing jscolor options: "+l+":\n"+u)}o.jscolor=new e.jscolor(o,f)}}},isColorAttrSupported:function(){var e=document.createElement("input");if(e.setAttribute){e.setAttribute("type","color");if(e.type.toLowerCase()=="color")return!0}return!1}(),isCanvasSupported:function(){var e=document.createElement("canvas");return!!e.getContext&&!!e.getContext("2d")}(),fetchElement:function(e){return typeof e=="string"?document.getElementById(e):e},isElementType:function(e,t){return e.nodeName.toLowerCase()===t.toLowerCase()},getDataAttr:function(e,t){var n="data-"+t,r=e.getAttribute(n);return...