# ForesightJS

> Comprehensive guide to ForesightJS

- [ForesightJS](/index.md)

## docs


### 1.0

- [Configuration](/docs/1.0/config.md): ForesightJS provides two levels of configuration:
- [Debugging](/docs/1.0/debug.md): ForesightJS includes a visual debugging system that helps you understand and tune how foresight is working in your application. This is particularly helpful when setting up ForesightJS for the first time or when fine-tuning for specific UI components.
- [Next.js](/docs/1.0/integrations/nextjs.md): The Problem with Default Next.js Prefetching
- [React](/docs/1.0/integrations/react.md): ForesightJS integrates smoothly with React applications, giving you the ability to predict user navigation intent and improve the perceived performance of your app. This guide shows how to implement ForesightJS with React Router for optimized navigation.
- [Introduction](/docs/1.0/intro.md): ForesightJS is a lightweight JavaScript library that predicts user intent based on mouse movements. By analyzing cursor trajectory in real-time, it anticipates which elements a user is likely to interact with, allowing developers to trigger actions before the actual hover or click occurs (for example prefetching).

### next

- [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.
- [Configuration](/docs/next/getting_started/config.md): Configuration documenation for the ForesightJS library
- [Debugging](/docs/next/getting_started/debug.md): Documentation on how to use the ForesightJS debugger
- [Introduction](/docs/next/getting_started/intro.md): Introduction to ForesightJS, an lightweight JavaScript library with full TypeScript support that predicts user intent based on mouse movements and keyboard navigation
- [Static Properties](/docs/next/getting_started/Static_Properties.md): Static properties exposed by the Foresight Manager
- [TypeScript](/docs/next/getting_started/typescript.md): Typescript helpers for the ForesightJS library
- [Next.js](/docs/next/integrations/nextjs.md): Integration details to add ForesightJS to your NextJS projects
- [React Router](/docs/next/integrations/react.md): Integration details to add ForesightJS to your React Router projects
- [TanStack Router](/docs/next/integrations/tanstack.md): Integration details to add ForesightJS to your Tanstack Router 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)Behind_the_Scenes: landing page

### getting_started

- [Configuration](/docs/getting_started/config.md): Configuration documenation for the ForesightJS library
- [Debugging](/docs/getting_started/debug.md): Documentation on how to use the ForesightJS debugger
- [Introduction](/docs/getting_started/intro.md): Introduction to ForesightJS, an lightweight JavaScript library with full TypeScript support that predicts user intent based on mouse movements and keyboard navigation
- [Static Properties](/docs/getting_started/Static_Properties.md): Static properties exposed by the Foresight Manager
- [TypeScript](/docs/getting_started/typescript.md): Typescript helpers for the ForesightJS library

### integrations

- [Next.js](/docs/integrations/nextjs.md): Integration details to add ForesightJS to your NextJS projects
- [React Router](/docs/integrations/react.md): Integration details to add ForesightJS to your React Router projects
- [TanStack Router](/docs/integrations/tanstack.md): Integration details to add ForesightJS to your Tanstack Router projects