# React Grab ## Docs - [Introduction](https://mintlify.wiki/aidenybai/react-grab/introduction.md): Select context for coding agents directly from your website - [Quick Start](https://mintlify.wiki/aidenybai/react-grab/quickstart.md): Get started with React Grab in 2 minutes - [Installation](https://mintlify.wiki/aidenybai/react-grab/installation.md): Detailed installation guide for React Grab - [How It Works](https://mintlify.wiki/aidenybai/react-grab/concepts/how-it-works.md): Understanding the technical architecture behind React Grab - [Activation Modes](https://mintlify.wiki/aidenybai/react-grab/concepts/activation-modes.md): Understanding toggle and hold activation modes - [Element Selection](https://mintlify.wiki/aidenybai/react-grab/concepts/element-selection.md): How element selection, drag selection, and visual feedback work - [Next.js Integration](https://mintlify.wiki/aidenybai/react-grab/guides/nextjs.md): Install React Grab in your Next.js project with App Router or Pages Router - [Vite Integration](https://mintlify.wiki/aidenybai/react-grab/guides/vite.md): Install React Grab in your Vite project with index.html setup - [Webpack Integration](https://mintlify.wiki/aidenybai/react-grab/guides/webpack.md): Install React Grab in your Webpack project with entry file setup - [Manual Installation](https://mintlify.wiki/aidenybai/react-grab/guides/manual-installation.md): Install React Grab in custom setups and frameworks not covered by automatic installation - [MCP (Model Context Protocol)](https://mintlify.wiki/aidenybai/react-grab/integrations/mcp.md): Connect React Grab to AI tools via Model Context Protocol - [Cursor Integration](https://mintlify.wiki/aidenybai/react-grab/integrations/cursor.md): Use React Grab with Cursor AI editor - [Claude Code Integration](https://mintlify.wiki/aidenybai/react-grab/integrations/claude-code.md): Use React Grab with Claude Code agent - [GitHub Copilot Integration](https://mintlify.wiki/aidenybai/react-grab/integrations/copilot.md): Use React Grab with GitHub Copilot CLI - [OpenCode Integration](https://mintlify.wiki/aidenybai/react-grab/integrations/opencode.md): Use React Grab with OpenCode CLI - [Plugin System](https://mintlify.wiki/aidenybai/react-grab/advanced/plugins.md): Extend React Grab with custom plugins to add actions, hooks, and themes - [Theming System](https://mintlify.wiki/aidenybai/react-grab/advanced/theming.md): Customize React Grab's visual appearance with themes and color schemes - [Custom Actions](https://mintlify.wiki/aidenybai/react-grab/advanced/custom-actions.md): Create custom context menu and toolbar actions for React Grab - [Agent Providers](https://mintlify.wiki/aidenybai/react-grab/advanced/agent-providers.md): Build custom AI agent integrations with the AgentProvider interface - [init()](https://mintlify.wiki/aidenybai/react-grab/api/init.md): Initialize React Grab and return the API instance - [ReactGrabAPI](https://mintlify.wiki/aidenybai/react-grab/api/react-grab-api.md): Complete API reference for the ReactGrabAPI interface - [Options](https://mintlify.wiki/aidenybai/react-grab/api/options.md): Configuration options for React Grab - [Utility Functions](https://mintlify.wiki/aidenybai/react-grab/api/utilities.md): Additional utility functions exported by React Grab - [Theme](https://mintlify.wiki/aidenybai/react-grab/api/types/theme.md): Theme configuration interface for customizing React Grab appearance - [Plugin Types](https://mintlify.wiki/aidenybai/react-grab/api/types/plugin.md): Plugin, PluginConfig, and PluginHooks interfaces for extending React Grab - [Agent Types](https://mintlify.wiki/aidenybai/react-grab/api/types/agent.md): AgentProvider, AgentContext, and AgentSession interfaces for AI integration - [Action Types](https://mintlify.wiki/aidenybai/react-grab/api/types/actions.md): ContextMenuAction, ToolbarMenuAction, and ActionContext interfaces - [React Integration](https://mintlify.wiki/aidenybai/react-grab/api/react/use-react-grab.md): Learn how to integrate React Grab into your React application and access the API from components - [grab init](https://mintlify.wiki/aidenybai/react-grab/api/cli/init.md): Initialize React Grab in your project with automatic framework detection - [grab add](https://mintlify.wiki/aidenybai/react-grab/api/cli/add.md): Connect React Grab to your coding agent for seamless integration - [grab remove](https://mintlify.wiki/aidenybai/react-grab/api/cli/remove.md): Disconnect React Grab from your coding agent - [grab configure](https://mintlify.wiki/aidenybai/react-grab/api/cli/configure.md): Configure React Grab options including activation keys, behavior modes, and context settings This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.