# Devtools

> TanStack Devtools aims to provide developers with an intuitive, unified interface to debug and monitor their applications in real time across multiple frameworks. It helps visualize state changes, track performance, and extend functionality via plugins — making it indispensable for teams using TanStack’s ecosystem. The tool is designed to be lightweight, extensible, and deeply integrated with modern JavaScript frameworks, enhancing developer productivity and reducing debugging overhead.

**Remember:**
- Devtools UI
- Plugin Architecture
- Real-time State Inspection
- Framework Agnostic
- Event Bus
- TanStack Ecosystem Integration

## Docs
- [Installation](https://github.com/tanstack/devtools/blob/main/docs/installation.md): install & quickstart.
- [Overview](https://github.com/tanstack/devtools/blob/main/docs/overview.md): install & quickstart.
- [Reference](https://github.com/tanstack/devtools/blob/main/docs/reference/index.md): API reference.
- [Configuration](https://github.com/tanstack/devtools/blob/main/docs/configuration.md): docs page.
- [Generate Docs](https://github.com/tanstack/devtools/blob/main/scripts/generate-docs.ts): docs page.
- [Plugin Configuration](https://github.com/tanstack/devtools/blob/main/docs/plugin-configuration.md): docs page.
- [Production](https://github.com/tanstack/devtools/blob/main/docs/production.md): docs page.
- [Quick Start](https://github.com/tanstack/devtools/blob/main/docs/quick-start.md): docs page.
- [Third Party Plugins](https://github.com/tanstack/devtools/blob/main/docs/third-party-plugins.md): docs page.
- [Vite Plugin](https://github.com/tanstack/devtools/blob/main/docs/vite-plugin.md): docs page.

## Tutorials
- [README](https://github.com/tanstack/devtools/blob/main/examples/preact/basic/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/examples/preact/custom-devtools/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/examples/react/basic/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/examples/react/custom-devtools/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/examples/react/drizzle/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/examples/react/https/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/examples/react/start/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/examples/react/time-travel/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/examples/solid/basic/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/examples/solid/start/README.md): install & quickstart.

## Optional
- [Contributing](https://github.com/tanstack/devtools/blob/main/CONTRIBUTING.md): docs page.
- [Changelog](https://github.com/tanstack/devtools/blob/main/packages/devtools-client/CHANGELOG.md): version history.
- [Changelog](https://github.com/tanstack/devtools/blob/main/packages/devtools-ui/CHANGELOG.md): version history.
- [Changelog](https://github.com/tanstack/devtools/blob/main/packages/devtools-utils/CHANGELOG.md): version history.
- [Changelog](https://github.com/tanstack/devtools/blob/main/packages/devtools-vite/CHANGELOG.md): version history.
- [Changelog](https://github.com/tanstack/devtools/blob/main/packages/devtools/CHANGELOG.md): version history.
- [Changelog](https://github.com/tanstack/devtools/blob/main/packages/event-bus-client/CHANGELOG.md): version history.
- [Changelog](https://github.com/tanstack/devtools/blob/main/packages/event-bus/CHANGELOG.md): version history.
- [Changelog](https://github.com/tanstack/devtools/blob/main/packages/preact-devtools/CHANGELOG.md): version history.
- [Changelog](https://github.com/tanstack/devtools/blob/main/packages/react-devtools/CHANGELOG.md): version history.
- [Pull Request Template](https://github.com/tanstack/devtools/blob/main/.github/pull_request_template.md): docs page.
- [Code Of Conduct](https://github.com/tanstack/devtools/blob/main/CODE_OF_CONDUCT.md): docs page.
- [README](https://github.com/tanstack/devtools/blob/main/README.md): docs page.
- [Eslint.Config](https://github.com/tanstack/devtools/blob/main/eslint.config.js): docs page.
- [Prettier.Config](https://github.com/tanstack/devtools/blob/main/prettier.config.js): docs page.
- [Verify Links](https://github.com/tanstack/devtools/blob/main/scripts/verify-links.ts): docs page.
- [Vitest.Workspace](https://github.com/tanstack/devtools/blob/main/vitest.workspace.js): docs page.

## Packages
- [README](https://github.com/tanstack/devtools/blob/main/packages/devtools-client/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/packages/devtools-ui/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/packages/devtools-utils/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/packages/devtools-vite/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/packages/devtools/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/packages/event-bus-client/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/packages/event-bus/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/packages/preact-devtools/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/packages/react-devtools/README.md): install & quickstart.
- [README](https://github.com/tanstack/devtools/blob/main/packages/solid-devtools/README.md): install & quickstart.
