UX Select

Free and lightweight native(vanilla) JavaScript plugin that replace native select elements with customization.

Status

Installation

ES-module

npm i ux-select --save

Non ES-module

Install plugin files from dist directory;

• css/ux-select.min.css
• js/ux-select.iife.js

Usage

ES-module

import UxSelect from 'ux-select/dist/js/ux-select.es.js';

Non ES-module

Add styles and script to project

<link rel="stylesheet" href="path/to/ux-select.min.css" type="text/css" />
<script src="path/to/ux-select.iife.js"></script>

Initialize ux-select in .js file

const myUxSelect = new UxSelect(element, params);

Style customization

You can customize styles by replace CSS-variables what contain "--uxs" prefix and placed on :root.

Documentation

More details on ux-select.com.

License

UX Select is licensed by MIT

It can be used for free and without any attribution, in any personal or commercial project.