Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/TarekRaafat/autoComplete.js

Simple autocomplete pure vanilla Javascript library.
https://github.com/TarekRaafat/autoComplete.js

auto-complete autocomplete autocomplete-component autocomplete-functionality autocomplete-js autocomplete-library autocomplete-search autocompletejs autocompletion-engine autosuggestion customizable dropdown fast hacktoberfest javascript lightweight search suggestion-engine suggestions vanilla-javascript

Last synced: about 2 months ago
JSON representation

Simple autocomplete pure vanilla Javascript library.

Host: GitHub
URL: https://github.com/TarekRaafat/autoComplete.js
Owner: TarekRaafat
License: apache-2.0
Created: 2018-11-17T11:35:48.000Z (almost 6 years ago)
Default Branch: master
Last Pushed: 2023-06-15T01:08:42.000Z (over 1 year ago)
Last Synced: 2024-05-29T13:59:43.485Z (4 months ago)
Topics: auto-complete, autocomplete, autocomplete-component, autocomplete-functionality, autocomplete-js, autocomplete-library, autocomplete-search, autocompletejs, autocompletion-engine, autosuggestion, customizable, dropdown, fast, hacktoberfest, javascript, lightweight, search, suggestion-engine, suggestions, vanilla-javascript
Language: JavaScript
Homepage: https://tarekraafat.github.io/autoComplete.js
Size: 14.7 MB
Stars: 3,899
Watchers: 49
Forks: 233
Open Issues: 61
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

README

        # autoComplete.js :sparkles:

[![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)

[![GitHub package.json version](https://img.shields.io/github/package-json/v/TarekRaafat/autoComplete.js)](https://badge.fury.io/gh/tarekraafat%2FautoComplete.js)

[![npm](https://img.shields.io/npm/v/@tarekraafat/autocomplete.js)](https://badge.fury.io/js/%40tarekraafat%2Fautocomplete.js)

![100% Javascript](https://img.shields.io/github/languages/top/TarekRaafat/autoComplete.js?color=yellow)

![Zero Dependencies](https://img.shields.io/badge/Dependencies-0-blue.svg)

[![Minified Size](https://badgen.net/bundlephobia/min/@tarekraafat/autocomplete.js@latest)](https://bundlephobia.com/package/@tarekraafat/autocomplete.js@latest)

![Yes Maintained](https://img.shields.io/badge/Maintained%3F-yes-success)

[![](https://data.jsdelivr.com/v1/package/npm/@tarekraafat/autocomplete.js/badge)](https://www.jsdelivr.com/package/npm/@tarekraafat/autocomplete.js)

![npm](https://img.shields.io/npm/dm/@tarekraafat/autocomplete.js?label=npm)

[![Open Source Love](https://badges.frapsoft.com/os/v1/open-source.svg?v=103)](https://github.com/TarekRaafat/autoComplete.js)









	

  		

	









> Simple autocomplete pure vanilla Javascript library. :rocket:  Live Demo **v10**

autoComplete.js is a simple, pure vanilla Javascript library progressively designed for speed, high versatility, and seamless integration with a wide range of projects & systems. _{^{(Made for a better developer experience)}}

## Features

-  Pure Vanilla Javascript

-  Zero Dependencies

-  Simple & Lightweight

-  Powerful Search Engine with two different modes

-  Diacritics Support

-  Debounce Support

-  Life Cycle Events

-  Useful plugin API

-  WAI-ARIA Compliant

-  Highly Customizable

-  Works on anything (``, `` and `contentEditable` elements)

-  Well Documented

[![autoComplete.js Code Example](./docs/img/autoComplete.init.png "autoComplete.js Code Example")](https://codepen.io/tarekraafat/pen/rQopdW?editors=0010)

## Getting Started

### Installation:

#### CDN

`JS`

```html

```

`CSS`

```html

```

#### Package Manager

-   npm install `(Node Package Manager)`

```shell

npm i @tarekraafat/autocomplete.js

```

-   Yarn install `(Javascript Package Manager)`

```shell

yarn add @tarekraafat/autocomplete.js

```

## Documentation:

-   For usage & configuration details check out **autoComplete.js** **docs** :notebook_with_decorative_cover:

## Community Plugins:

-   [Contao autoComplete.js Bundle](https://github.com/heimrichhannot/contao-autocompletejs-bundle) by [@heimrichhannot](https://github.com/heimrichhannot)

* * *

## Support

Technical questions and support, please post your question on Stack Overflow using the below tag

- Stack Overflow [autoCompletejs][stackOverflow]

General questions or new ideas for `autoComplete.js` please start a discussion on Github using the below link

- Github [Discussions]

[Discussions]: https://github.com/TarekRaafat/autoComplete.js/discussions

[stackoverflow]: https://stackoverflow.com/questions/tagged/autoCompletejs

* * *

## Author

**Tarek Raafat**

-   Email: [email protected]

-   Website: [tarekraafat.com](http://www.tarekraafat.com/)

-   Github: [github.com/TarekRaafat](https://github.com/TarekRaafat/)

* * *

## License

Released under the [Apache 2.0 license](https://www.apache.org/licenses/LICENSE-2.0).

© 2022 [Tarek Raafat](http://www.tarekraafat.com)