apps/docs/content/guides/ai.mdx
Supabase provides an open source toolkit for developing AI applications using Postgres and pgvector. Use the Supabase client libraries to store, index, and query your vector embeddings at scale.
The toolkit includes:
You can use Supabase to build different types of search features for your app, including:
Check out all of the AI templates and examples in our GitHub repository.
<div className="grid md:grid-cols-12 gap-4 not-prose"> <div className="col-span-12 md:col-span-6 xl:col-span-4"> <Link href="/guides/ai/examples/headless-vector-search" passHref> <GlassPanel icon={'/docs/img/icons/github-icon'} hasLightIcon={true} title="Headless Vector Search" > A toolkit to perform vector similarity search on your knowledge base embeddings. </GlassPanel> </Link> </div> <div className="col-span-12 md:col-span-6 xl:col-span-4"> <Link href="/guides/ai/examples/image-search-openai-clip" passHref> <GlassPanel icon={'/docs/img/icons/github-icon'} hasLightIcon={true} title="Image Search with OpenAI CLIP" > Implement image search with the OpenAI CLIP Model and Supabase Vector. </GlassPanel> </Link> </div> <div className="col-span-12 md:col-span-6 xl:col-span-4"> <Link href="/guides/ai/examples/huggingface-image-captioning" passHref> <GlassPanel icon={'/docs/img/icons/github-icon'} hasLightIcon={true} title="Hugging Face inference" > Generate image captions using Hugging Face. </GlassPanel> </Link> </div> <div className="col-span-12 md:col-span-6 xl:col-span-4"> <Link href="/guides/ai/examples/openai" passHref> <GlassPanel icon={'/docs/img/icons/github-icon'} hasLightIcon={true} title="OpenAI completions" > Generate GPT text completions using OpenAI in Edge Functions. </GlassPanel> </Link> </div> <div className="col-span-12 md:col-span-6 xl:col-span-4"> <Link href="/guides/ai/examples/building-chatgpt-plugins" passHref> <GlassPanel icon={'/docs/img/icons/github-icon'} hasLightIcon={true} title="Building ChatGPT Plugins" > Use Supabase as a Retrieval Store for your ChatGPT plugin. </GlassPanel> </Link> </div> <div className="col-span-12 md:col-span-6 xl:col-span-4"> <Link href="/guides/ai/examples/nextjs-vector-search" passHref> <GlassPanel icon={'/docs/img/icons/github-icon'} hasLightIcon={true} title="Vector search with Next.js and OpenAI" > Learn how to build a ChatGPT-style doc search powered by Next.js, OpenAI, and Supabase. </GlassPanel> </Link> </div> </div>