# ForesightJS

> Comprehensive guide to ForesightJS, the most modern way to prefetch your data. Check out llms-full.txt for the full txt and llms.txt for an overview of the docs.

- [ForesightJS](/index.md)

## search

- [Search the documentation](/search.md)

## docs


### next

- [AI Context](/docs/next/ai-context.md): How to use ForesightJS's llms.txt file with AI tools and LLMs
- [Angular](/docs/next/angular.md): Integration details to add ForesightJS to your Angular projects
- [Behind the Scenes](/docs/next/Behind_the_Scenes.md): A technical deep-dive into the internal workings of ForesightJS, explaining its architecture, how it predicts mouse movements using linear extrapolation and the Liang-Barsky algorithm, and how it predicts tab navigation.
- [Element Settings](/docs/next/configuration/element-settings.md): Configure individual element settings when registering with ForesightManager
- [Global Settings](/docs/next/configuration/global-settings.md): Configure global ForesightJS settings that apply to the entire ForesightManager instance
- [Development Tools](/docs/next/debugging/devtools.md): Documentation on how to use the ForesightJS debugger
- [Static Properties](/docs/next/debugging/static-properties.md): Static properties exposed by the Foresight Manager
- [Events](/docs/next/events.md): Documentation on how to use the built-in js.foresight events
- [Initialize the Manager](/docs/next/getting-started/initialize-the-manager.md): Learn how to initialize the ForesightManager with custom global settings (optional step)
- [TypeScript](/docs/next/getting-started/typescript.md): Typescript helpers for the ForesightJS library
- [What is ForesightJS](/docs/next/getting-started/what-is-foresightjs.md): Introduction to ForesightJS, an lightweight JavaScript library with full TypeScript support that predicts user intent based on mouse movements and keyboard navigation
- [Your First Element](/docs/next/getting-started/your-first-element.md): Learn how to register your first element with ForesightJS and start predicting user intent
- [Hook](/docs/next/react/hook.md): React hook for ForesightJS integration
- [Next.js](/docs/next/react/nextjs.md): Integration details to add ForesightJS to your Next.js projects
- [React Router](/docs/next/react/react-router.md): Integration details to add ForesightJS to your React Router projects
- [Composable](/docs/next/vue/composable.md): Vue composable for ForesightJS integration
- [Directive](/docs/next/vue/directive.md): Vue directive for ForesightJS integration

### ai-context

How to use ForesightJS's llms.txt file with AI tools and LLMs

- [AI Context](/docs/ai-context.md): How to use ForesightJS's llms.txt file with AI tools and LLMs

### angular

Integration details to add ForesightJS to your Angular projects

- [Angular](/docs/angular.md): Integration details to add ForesightJS to your Angular projects

### Behind_the_Scenes

A technical deep-dive into the internal workings of ForesightJS, explaining its architecture, how it predicts mouse movements using linear extrapolation and the Liang-Barsky algorithm, and how it predicts tab navigation.

- [Behind the Scenes](/docs/Behind_the_Scenes.md): A technical deep-dive into the internal workings of ForesightJS, explaining its architecture, how it predicts mouse movements using linear extrapolation and the Liang-Barsky algorithm, and how it predicts tab navigation.

### configuration

- [Element Settings](/docs/configuration/element-settings.md): Configure individual element settings when registering with ForesightManager
- [Global Settings](/docs/configuration/global-settings.md): Configure global ForesightJS settings that apply to the entire ForesightManager instance

### debugging

- [Development Tools](/docs/debugging/devtools.md): Documentation on how to use the ForesightJS debugger
- [Static Properties](/docs/debugging/static-properties.md): Static properties exposed by the Foresight Manager

### events

Documentation on how to use the built-in js.foresight events

- [Events](/docs/events.md): Documentation on how to use the built-in js.foresight events

### getting-started

- [Initialize the Manager](/docs/getting-started/initialize-the-manager.md): Learn how to initialize the ForesightManager with custom global settings (optional step)
- [TypeScript](/docs/getting-started/typescript.md): Typescript helpers for the ForesightJS library
- [What is ForesightJS](/docs/getting-started/what-is-foresightjs.md): Introduction to ForesightJS, an lightweight JavaScript library with full TypeScript support that predicts user intent based on mouse movements and keyboard navigation
- [Your First Element](/docs/getting-started/your-first-element.md): Learn how to register your first element with ForesightJS and start predicting user intent

### react

- [Hook](/docs/react/hook.md): React hook for ForesightJS integration
- [Next.js](/docs/react/nextjs.md): Integration details to add ForesightJS to your Next.js projects
- [React Router](/docs/react/react-router.md): Integration details to add ForesightJS to your React Router projects

### vue

- [Composable](/docs/vue/composable.md): Vue composable for ForesightJS integration
- [Directive](/docs/vue/directive.md): Vue directive for ForesightJS integration