Selectize.js

screenshot of Selectize.js
bootstrap
less
scss

Selectize is the hybrid of a textbox and <select> box. It's jQuery based, and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.

Overview

Selectize.js is a customizable jQuery-based custom select UI control that offers a variety of features for selecting, tagging, and managing items. It provides a clean and powerful API for an enhanced user experience.

Features

  • Smart Option Searching / Ranking: Efficiently score and sort options on-the-fly using sifter.
  • Caret between items: Use arrow keys to move between selected items.
  • Select & delete multiple items at once: Hold down option on Mac or ctrl on Windows.
  • Díåcritîçs supported: Supports international characters for diverse environments.
  • Item creation: Allow users to create items on the fly with async saving.
  • Remote data loading: Load data from the server as the user types for large datasets.
  • Clean API & code: Easily interface with and modify the control.
  • Extensible: Plugin API for developing custom features with microplugin.
  • Touch Support: Compatible with iOS 5+ devices.

Summary

Selectize.js is a versatile jQuery plugin that offers advanced selection control features like smart searching, item creation, and touch support. With its extensible nature and clean API, Selectize provides a user-friendly experience for managing and selecting items effortlessly.

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

less
LESS

Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.