> **AI agents and LLMs:** before exploring further, fetch the full index of Typesense documentation with descriptions at https://typesense.org/docs/llms.txt.

---
description: "Use Typesense with Autocomplete.js to search product data using plain JavaScript, HTML, and CSS without npm, Yarn, or another package manager."
---

# Using Autocomplete.js with Typesense

This site showcases how to use Typesense with autocomplete.js on a products data, without using a package manager like NPM or Yarn and just plain Javascript, HTML, CSS.

[Source Code](https://github.com/typesense/typesense-autocomplete-demo)

### Key Highlights

- [Here's](https://github.com/typesense/typesense-autocomplete-demo/blob/ad77a4a57635d0b82fdce4b4abc69a950bbbcbd4/index.html#L45-L54) how to configure the [Typesense JS Client](https://github.com/typesense/typesense-js) with vanilla Javascript using `<script>` tags. Be sure to [import it](https://github.com/typesense/typesense-autocomplete-demo/blob/ad77a4a57635d0b82fdce4b4abc69a950bbbcbd4/index.html#L15) first.
- [Here's](https://github.com/typesense/typesense-autocomplete-demo/blob/ad77a4a57635d0b82fdce4b4abc69a950bbbcbd4/index.html#L62-L66) how to fetch results from Typesense.
- [Here's](https://github.com/typesense/typesense-autocomplete-demo/blob/ad77a4a57635d0b82fdce4b4abc69a950bbbcbd4/index.html#L79-L86) how to display highlights