# selectize/selectize.js

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/selectize-selectize-js).**

13,023 stars · 3,463 forks · SCSS · Apache-2.0 · archived

## Links

- GitHub: https://github.com/selectize/selectize.js
- Homepage: https://selectize.dev/
- awesome-repositories: https://awesome-repositories.com/repository/selectize-selectize-js.md

## Description

Selectize.js is a jQuery-based autocomplete library and tagging interface component. It functions as a searchable selection tool that combines a text input field with a dropdown select box to facilitate fast item lookup and the management of discrete tags.

The project specializes in remote data input, allowing it to fetch, rank, and integrate options from a server in real-time as a user types. It utilizes a weighted search ranking system to score and sort results by scanning multiple text fields for relevance.

The library covers a broad range of user interface capabilities, including multi-selection management, dynamic item creation, and hybrid select input design. It features a plugin architecture that allows for the extension of core behaviors and the creation of customizable form controls.

## Tags

### User Interface & Experience

- [Tag Inputs](https://awesome-repositories.com/f/user-interface-experience/tag-inputs.md) — Provides a specialized input field for entering and managing lists of discrete tags. ([source](https://github.com/selectize/selectize.js/blob/master/package.json))
- [Asynchronous Option Loading](https://awesome-repositories.com/f/user-interface-experience/dynamic-option-management/asynchronous-option-loading.md) — Fetches selection list items from remote APIs dynamically during user interaction.
- [Remote Data Autocompletes](https://awesome-repositories.com/f/user-interface-experience/remote-data-autocompletes.md) — Fetching and searching large datasets from a server in real time as a user types into a search field.
- [Searchable Select Inputs](https://awesome-repositories.com/f/user-interface-experience/selection-lists/searchable-select-inputs.md) — Combines a text input with a dropdown select box to provide a searchable interface for item selection.
- [Autocomplete Inputs](https://awesome-repositories.com/f/user-interface-experience/text-input-widgets/autocomplete-inputs.md) — Combines a text input with a dropdown to suggest and filter options from a data source. ([source](https://github.com/selectize/selectize.js/blob/master/package.json))
- [Dynamic Input Creation](https://awesome-repositories.com/f/user-interface-experience/dynamic-input-creation.md) — Allows users to create new entries and tags dynamically within the input field. ([source](https://github.com/selectize/selectize.js#readme))
- [Keyboard Navigation](https://awesome-repositories.com/f/user-interface-experience/keyboard-navigation.md) — Implements keyboard-driven interaction to manage focus and selection between the text input and the dropdown menu.
- [Multi-Select Inputs](https://awesome-repositories.com/f/user-interface-experience/multi-select-inputs.md) — Supports selecting and deleting multiple items within a single input field using modifier keys. ([source](https://github.com/selectize/selectize.js#readme))

### Web Development

- [Autocomplete Libraries](https://awesome-repositories.com/f/web-development/autocomplete-libraries.md) — Functions as a jQuery-based library for building searchable input fields with real-time suggestions.
- [Remote Data Fetching](https://awesome-repositories.com/f/web-development/remote-data-fetching.md) — Provides utilities for retrieving and parsing remote data from servers in real-time as the user types. ([source](https://github.com/selectize/selectize.js/blob/master/README.md))

### Development Tools & Productivity

- [Search Ranking Algorithms](https://awesome-repositories.com/f/development-tools-productivity/search-ranking-algorithms.md) — Implements custom scoring logic to prioritize search results based on match quality across multiple text fields.

### Software Engineering & Architecture

- [Plugin Architectures](https://awesome-repositories.com/f/software-engineering-architecture/integration-extensibility/extensibility/plugin-architectures.md) — Supports a modular architecture where custom features can be integrated via a plugin system. ([source](https://github.com/selectize/selectize.js/blob/master/README.md))
- [Hook-Based Plugin Systems](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/architectural-patterns/plugin-module-systems/modular-plugin-architectures/plugin-based-architectures/hook-based-plugin-systems.md) — Provides a hook-based system allowing external plugins to inject logic into the component lifecycle and UI.

### Part of an Awesome List

- [Form Components](https://awesome-repositories.com/f/awesome-lists/devtools/form-components.md) — Hybrid textbox and select box component.