ai ml
Featured
React SearchKit
Composable React components for multimodal search
A React component library for building multimodal search experiences. Drop in the full SearchKit widget or compose individual pieces — stages streaming, AI answers, filters, and theming included. Connects to any published Mixpeek retriever.
searchkit
react searchkit
search widget
multimodal search
AI search
stages streaming
Get Started
Integrations
React 18+
Next.js
Vite
CDN/script tag
Quick Install:
npm install @mixpeek/react-searchkitUse Cases
1
Add AI-powered search to any React app
2
Site search with web scraper + semantic retrieval
3
Multimodal search across text, images, video, and PDFs
4
Custom search UIs with composable primitives
Features
Full search widget with Cmd+K modal or inline embed
Stages streaming — watch results flow through search → rerank → enrich in real time
AI-generated answers with citations
Composable components and useSearchKit hook
Light/dark/auto theming with accent color customization
CDN script tag for zero-build-step integration
Example
React component
import { SearchKit } from "@mixpeek/react-searchkit";import "@mixpeek/react-searchkit/styles.css";export default function App() {return <SearchKit projectKey="my-site-search" enableAIAnswer />;}
useSearchKit hook
import { useSearchKit } from "@mixpeek/react-searchkit";function Results() {const { query, results, stages, isLoading } = useSearchKit();return stages.map(s => `${s.name}: ${s.status}`);}
Get Started
Integrations
React 18+
Next.js
Vite
CDN/script tag
Details
LicenseMIT
Categoryai ml
Registrynpm
LatencyStreaming (real-time stages)
Deploymentnpm / CDN script tag
Typical UseSite search, app search, multimodal retrieval UI
Quick Info
LicenseMIT
Categoryai ml
Registrynpm
LatencyStreaming (real-time stages)
Deploymentnpm / CDN script tag
Typical UseSite search, app search, multimodal retrieval UI
Frequently Asked Questions
Ready to integrate?
Get started with React SearchKit in minutes. Check out the documentation or explore the source code on GitHub.