Selectize

<form action="#" class="rui-selectize">
    <span data-feather="chevron-down" class="rui-icon rui-icon-stroke-1_5 rui-selectize-select-icon"></span>
    <select class="form-control rui-selectize-element rui-selectize-select" name="socials">
        <option value="1">Facebook</option>
        <option value="2">Twitter</option>
    </select>
</form>

<form action="#" class="rui-selectize">
    <input class="rui-selectize-element rui-selectize-input" type="text" value="Facebook,Twitter">
</form>

<form action="#" class="rui-selectize">
    <span data-feather="chevron-down" class="rui-icon rui-icon-stroke-1_5 rui-selectize-select-icon"></span>
    <select class="form-control rui-selectize-element rui-selectize-select rui-selectize-icon" name="socialsIcons">
        <option value="1" data-data='{"selectize":"<span stroke-width=\"1.5\" data-feather=\"twitter\" class=\"rui-icon\"></span>"}'>Twitter</option>
        <option value="2" data-data='{"selectize":"<span stroke-width=\"1.5\" data-feather=\"facebook\" class=\"rui-icon\"></span>"}'>Facebook</option>
    </select>
</form>

<form action="#" class="rui-selectize">
    <span data-feather="chevron-down" class="rui-icon rui-icon-stroke-1_5 rui-selectize-select-icon"></span>
    <select class="form-control rui-selectize-element rui-selectize-github rui-selectize-select" name="github">
        <option selected value="https://github.com/brianreavis/selectize.js" data-data='{"type":"repo","username":"brianreavis","name":"Selectize.js","owner":"brianreavis","homepage":null,"description":"A highly customizable select control with autocomplete.","language":"JavaScript","watchers":6,"followers":6,"forks":0,"size":216,"open_issues":1,"score":14.659029,"has_downloads":true,"has_issues":true,"has_wiki":true,"fork":false,"private":false,"url":"https://github.com/brianreavis/selectize.js","created":"2012-08-29T18:31:57Z","created_at":"2012-08-29T18:31:57Z","pushed_at":"2013-05-05T19:13:48Z","pushed":"2013-05-05T19:13:48Z"}'>Selectize.js</option>
    </select>
</form>