Gathering detailed insights and metrics for @algolia/autocomplete-shared
Gathering detailed insights and metrics for @algolia/autocomplete-shared
Gathering detailed insights and metrics for @algolia/autocomplete-shared
Gathering detailed insights and metrics for @algolia/autocomplete-shared
🔮 Fast and full-featured autocomplete library
npm install @algolia/autocomplete-shared
Typescript
Module System
TypeScript (95.64%)
SCSS (2.85%)
JavaScript (1.51%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
MIT License
5,148 Stars
2,441 Commits
330 Forks
104 Watchers
31 Branches
388 Contributors
Updated on Jul 10, 2025
Latest Version
1.19.2
Package Id
@algolia/autocomplete-shared@1.19.2
Unpacked Size
57.62 kB
Size
14.58 kB
File Count
99
Published on
May 20, 2025
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
2
2
All you need to get started is:
The data that populates the autocomplete results are called sources. You can use whatever you want in your sources: a static set of searches terms, search results from an external source like an Algolia index, recent searches, and more.
By configuring just those two required parameters (container
and getSources
) you can have an interactive autocomplete experience. The library creates an input and provides the interactivity and accessibility attributes, but you're in full control of the DOM elements to output.
Documentation •
API •
Playground
The recommended way to get started is with the autocomplete-js
package. It includes everything you need to render a JavaScript autocomplete experience.
Otherwise, you can install the autocomplete-core
package if you want to build a renderer from scratch.
All Autocomplete packages are available on the npm registry.
1yarn add @algolia/autocomplete-js 2# or 3npm install @algolia/autocomplete-js
If you don't use a package manager, you can use the HTML script
element:
1<script src="https://cdn.jsdelivr.net/npm/@algolia/autocomplete-js"></script> 2<script> 3 const { autocomplete } = window['@algolia/autocomplete-js']; 4</script>
To get started, you need a container for your autocomplete to go in. If you don't have one already, you can insert one into your markup:
1<div id="autocomplete"></div>
Then, insert your autocomplete into it by calling the autocomplete
function and providing the container
. It can be a CSS selector or an Element.
Make sure to provide a container (e.g., a div
), not an input
. Autocomplete generates a fully accessible search box for you.
1import { autocomplete } from '@algolia/autocomplete-js'; 2 3autocomplete({ 4 container: '#autocomplete', 5 // ... 6});
Continue reading our Getting Started guide.
The documentation offers a few ways to learn about the Autocomplete library:
You can find more on the documentation.
Package | Description | Documentation |
---|---|---|
autocomplete-js | JavaScript package for Autocomplete | Documentation |
autocomplete-core | JavaScript core primitives to build an autocomplete experience | Documentation |
autocomplete-plugin-recent-searches | A plugin to add recent searches to Autocomplete | Documentation |
autocomplete-plugin-query-suggestions | A plugin to add query suggestions to Autocomplete | Documentation |
autocomplete-plugin-algolia-insights | A plugin to add Algolia Insights to Autocomplete | Documentation |
autocomplete-plugin-redirect-url | A plugin to enable redirect URLs | Documentation |
autocomplete-plugin-tags | A plugin to manage and display a list of tags in Autocomplete | Documentation |
autocomplete-preset-algolia | Presets to use Algolia features with Autocomplete | Documentation |
autocomplete-theme-classic | Classic theme for Autocomplete | Documentation |
See the awesome experiences people built with Autocomplete:
![]() | ![]() |
---|---|
Find more in our Showcase.
Check out sandboxes using Autocomplete.
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 28/30 approved changesets -- score normalized to 9
Reason
7 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 5
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
Reason
security policy file not detected
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
61 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More