React Integration

Add Vaikora AI security to your React and Next.js application in minutes. Install @vaikora/react, wrap your app in VaikoraProvider, and use the useVaikora hook plus components like SecureInput and SecurityBadge.

Get a demo · Open-source gateway on GitHub · MCP server

Installation

Install @vaikora/react via npm or yarn, then configure your API key in environment variables to authenticate with the Vaikora gateway.

Provider Setup

Wrap your application root in VaikoraProvider to enable real-time threat detection and security context across all child components and hooks.

useVaikora Hook

Access security utilities and threat metadata from any component using the useVaikora hook, enabling conditional rendering and request gating based on detection results.

Prebuilt Components

Use SecureInput for monitored text fields and SecurityBadge to display real-time threat status, reducing boilerplate for common security patterns in React and Next.js.

Related pages