Add powerful search to any website with SearchJet Connect. React autocomplete, headless Next.js search, and vanilla JS site search — with a free API key in 60 seconds.
import SearchJet from '@searchjet/connect';
const searchjet = new SearchJet({
apiKey: '8e371cadae7aefedd3c99e41835df7ad709a27128c2a2d0c10ac408b1124c5a7',
indexName: 'my_website'
});
// Search as you type
const results = await searchjet.search('laptop deals');
console.log(results.hits);Three lines of code. Instant search on any website.
Get an API key, then test it against the live SearchJet index right here — no IDE, no npm install, no setup.
Enter your email and we'll inject a working key straight into the sandbox below. No credit card. 10,000 free searches/month.
const searchjet = new SearchJet({
apiKey: '8e371cadae7aefedd3c99e41835df7ad709a27128c2a2d0c10ac408b1124c5a7',
indexName: 'products' // your index name
});
// Search as you type → instant results
const res = await searchjet.search('wireless headphones');
console.log(res.results); // ← live JSON below{
// Run a query above to see the live
// JSON response from the SearchJet API.
// Edge-cached, typo-tolerant, sub-50ms.
}Click a framework to see a live preview and copy-paste code that runs out of the box
The UI the code below produces — search-as-you-type, backed by the live SearchJet product index.
// App.jsx — copy-paste, runs as-is
import { SearchProvider, SearchBox, Hits } from '@searchjet/react';
function Hit({ hit }) {
return (
<a href={hit.url} className="block border-b border-gray-100 p-3 hover:bg-gray-50">
<h4 className="font-semibold text-gray-900">{hit.title}</h4>
{hit.excerpt && <p className="text-sm text-gray-500">{hit.excerpt}</p>}
</a>
);
}
export default function App() {
return (
<SearchProvider apiKey="" indexName="YOUR_INDEX">
<SearchBox placeholder="Search products…" />
<Hits hitComponent={Hit} />
</SearchProvider>
);
}Click YOUR_API_KEY in the code to generate your free key — it's injected instantly.
Built with modern web development best practices
Works with React, Vue, Angular, Svelte, or plain JavaScript. Use it anywhere.
Full TypeScript definitions included for type-safe development and better IDE support.
Load from CDN or bundle with your app. Tree-shakeable and optimized for performance.
Less than 10KB gzipped. Fast loading times with zero dependencies.
Responsive components and touch-optimized UI for perfect mobile experiences.
Headless by default. Use our UI components or build your own with complete control.
Live, interactive demos with copy-paste code for each pattern
import { SearchProvider, Autocomplete } from '@searchjet/react';
function App() {
return (
<SearchProvider indexName="docs" searchApiKey="your_search_api_key">
<Autocomplete
placeholder="Search docs & products…"
maxSuggestions={6}
debounceMs={150} // avoid hammering the API
onSelect={(hit) => {
window.location.href = hit.url;
}}
/>
</SearchProvider>
);
}Copy-paste ready. Swap your_search_api_key with the free key from the widget above.
From installation to live search in minutes
Install via npm or load from CDN
Configure with your API key and index
Use pre-built components or build custom
Style and configure to match your brand
Copy-paste, framework-specific guides for the exact search pattern you're building today.
Build a search-as-you-type autocomplete dropdown in React with debouncing, keyboard navigation, and highlight.
Read the guide →Search API calls from App Router and Server Components — SSR-safe, edge ready, no hydration issues.
Read the guide →CDN tag, no framework needed. Plain-JavaScript search with instant results and zero build step.
Read the guide →Modern, performant, and developer-friendly. Built for the modern web.
Start building with SearchJet Connect today. Works with any JavaScript framework or plain HTML.
Everything you need to know about SearchJet JavaScript SDK
Start free, upgrade when you need more
All plans include SSL, CDN, and 99.9% uptime guarantee. View detailed pricing →
Build instant search in React apps with SearchJet.
Learn more →SSR-safe search with App Router and Server Components.
Learn more →Instant search for Vue and Nuxt applications.
Learn more →Stop MySQL crashes. Offload search to high-performance infrastructure.
Learn more →