Skip to main content

Templates

Streamline app creation with Convex’s ready-to-use solutions.
React Starter Kit (RSK) hero image
React Starter Kit (RSK)A modern, production-ready SaaS starter template for building full-stack React applications using React Router v7, Convex, Clerk, and Polar.sh. Ready for Vercel deployment with built-in AI chat capabilities.
Tailwind iconReact iconConvex icon
Convex TanStack SaaS Starter hero image
Convex TanStack SaaS StarterA production-ready Convex Stack for your next SaaS application with Convex Auth, Stripe, TanStack, Resend, Tailwindcss, and shadcn.
Tailwind iconStripe iconTanStack iconResend icon
v1 open-source starter kit hero image
v1 open-source starter kitAn open-source starter kit based on an open-source starter kit by Midday. Ported to Convex.
Next.js iconTailwind iconshadcn iconResend icon
TanStack Netlify AI Chat Template hero image
TanStack Netlify AI Chat TemplateA modern chat template built with TanStack Router, Claude AI, Sentry, and Convex integrations, featuring a clean and responsive interface hosted on Netlify.
Convex iconTanStack iconNetlify icon
Cronvex hero image
CronvexSend http requests on a periodic schedule.
Convex icon
Convex Auth hero image
Convex AuthConvex Auth is a library for implementing authentication directly within your Convex backend.
Convex iconResend iconNext.js icon
Vite and React Starter App on Convex Self Hosted hero image
Vite and React Starter App on Convex Self HostedThe convex-react-keycloak-monorepo is a full-stack application template that integrates modern technologies to streamline development: - Frontend: Utilizes Vite with React and Tailwind CSS 4.0 for a responsive and efficient user interface. - Backend: Employs a self-hosted Convex server with PostgreSQL to manage data and server-side logic. - Authentication: Implements OAuth 2.0 authentication using Keycloak, ensuring secure user management. The project is organized as a monorepo, separating the frontend and backend components for clarity. A Docker Compose setup enables seamless deployment and development, allowing all services to run concurrently with minimal configuration. This template serves as a solid foundation for building scalable applications with modern web technologies.
Vite iconReact iconConvex icon
One Million Checkboxes hero image
One Million Checkboxes A clone of the original One Million Checkboxes built on Convex
Convex icon
Astro Starter hero image
Astro StarterGet started with Astro and Convex
Astro icon
Convex Ents SaaS Next.js Starter hero image
Convex Ents SaaS Next.js StarterSaaS Starter: Convex + Convex Ents + TypeScript + Next.js + Clerk + Tailwind + shadcn/ui - Build your SaaS website in no time!
Next.js iconClerk iconTailwind iconshadcn icon
End-to-end encrypted chat hero image
End-to-end encrypted chatEnd-to-End Encrypted Chat This app showcases secure messaging between pairs of users. Each message is encrypted end-to-end, so the only place the message exists unencrypted is in the sender and receiver's browsers.
Tailwind icon
Informal: Form Builder hero image
Informal: Form BuilderA form builder built with Next.js and Convex.
Next.js iconClerk iconTailwind icon
An Open Source AI-Powered Todoist Clone hero image
An Open Source AI-Powered Todoist CloneAn Open Source AI-Powered Todoist Clone
Next.js iconOpenAI iconAuth0 iconTailwind icon
AI Chat with Convex Vector Search hero image
AI Chat with Convex Vector SearchAn example of building AI-powered chat interface using Convex vector search. This app demonstrates how you can add a chat bot to an existing website, powered by Convex.
OpenAI iconTailwind icon
Waitlist hero image
WaitlistAn easy to adopt waitlist implementation using Convex. Read the detailed guide to this implementation on Stack. This template includes a full-fledged implementation of a waitlist which can be used to protect your app against surges in demand.
Tailwind icon
Streaming ChatGPT Chat Starter hero image
Streaming ChatGPT Chat StarterA basic chat app that streams ChatGPT responses.
OpenAI icon
Chat GPT Clone Starter hero image
Chat GPT Clone StarterA ChatGPT interface with customizable identities, threading, etc. all stored in Convex.
OpenAI icon
Semantic Code Search hero image
Semantic Code SearchAlways-in-sync semantic code search app
OpenAI icon
Monorepo with Next.js and Expo hero image
Monorepo with Next.js and ExpoTurborepo, Next.js, Expo, Clerk, Convex
Expo iconNext.js iconOpenAI iconClerk icon
AI Chat using OpenAI's Assistants API hero image
AI Chat using OpenAI's Assistants APIAI chat with context retrieval using OpenAI Assistants API. This app demonstrates how you can add a chat bot to an existing website, powered by Convex and OpenAI's Assistants API. This is part of a series on implementing RAG multiple ways. Read the full article here, the LangChain version here, or learn how to build a custom implementation with Convex Vector Search here. See other articles on AI here. Overview: The chat is trigged by a button in App.tsx The chat frontend is all in src/aiChat An example of web scraping is in convex/ingest The assistant initialization and uploading of data is in convex/init.ts The public endpoints for the backend are in convex/messages.ts The answering logic is in convex/serve.ts
OpenAI iconTailwind icon
AI Chat using LangChain and Convex hero image
AI Chat using LangChain and ConvexAn example of building AI-powered chat interface using LangChain and its Convex integration. This app demonstrates how you can add a chat bot to an existing website, powered by Convex and LangChain.
LangChain iconOpenAI iconTailwind icon
Clerk Starter hero image
Clerk StarterTemplate with Clerk for login.
Clerk icon
Next.js 14 App Router hero image
Next.js 14 App RouterThis example app showcases Convex backend powering a Next.js app.
Next.js iconClerk iconTailwind icon
Stripe Starter hero image
Stripe StarterThis example app demonstrates how to integrate Stripe, the payments platform, with Convex, the backend application platform. We keep track of payments in Convex and fulfill orders when they're confirmed by Stripe. You can test the payment flow end to end using Stripe's test card numbersTo test the payments flow, follow these steps: Sign up for Stripe for free at https://stripe.com/ Install the stripe CLI RunCopy the "Your webhook signing secret" from the output of the listen command, and set it as STRIPE_WEBHOOKS_SECRET environment variable on your Convex dashboard Copy your test secret API key from the code example on https://stripe.com/docs/checkout/quickstart and set it as STRIPE_KEY environment variable on your Convex dashboard You can then use the test credit card details to go through the payment flow, see https://stripe.com/docs/checkout/quickstart#testing
Stripe icon
Headless API feat. Hono hero image
Headless API feat. HonoUsing the Hono library in your http handlers.
Hono icon
Embeddings with OpenAI and Pinecone hero image
Embeddings with OpenAI and PineconeThis example demonstrates a fullstack application built with Convex, React, Next.js, and Auth0. The app is a very simple Asana-style task management app that allows users to create, view, and manage tasks. The app features: Basic Authentication & Authorization, implemented with Auth0 and Convex Task creation, where each task may have: Owner Title Description Status (New | In Progress | Done | Cancelled) Comments File attachments (from a fixed collection to prevent abuse) Task management, allowing users/task owner to: Add a comment Change status (owner only) Reassign ownership (owner only) Filter tasks by ticket status or owner Search tasks by title, description, or comments Infinite-scroll pagination to support very large task collections
Pinecone iconOpenAI iconTailwind iconRewindUI icon
Fullstack: Project MGMT Example hero image
Fullstack: Project MGMT ExampleThis example demonstrates a fullstack application built with Convex, React, Next.js, and Auth0. The app is a very simple Asana-style task management app that allows users to create, view, and manage tasks. The app features: Basic Authentication & Authorization, implemented with Auth0 and Convex Task creation, where each task may have: Owner Title Description Status (New | In Progress | Done | Cancelled) Comments File attachments (from a fixed collection to prevent abuse) Task management, allowing users/task owner to: Add a comment Change status (owner only) Reassign ownership (owner only) Filter tasks by ticket status or owner Search tasks by title, description, or comments Infinite-scroll pagination to support very large task collections
Next.js icon
Rust Convex Starter hero image
Rust Convex StarterThis project contains a simple convex-chat backend implementation in convex/, as well as a Rust command line program in src/ that can either watch the chat channel or send a message.
Rust icon
Multiplayer Game With AI Sample hero image
Multiplayer Game With AI SampleA multiplayer game built with Convex, OpenAI's Dall-E, with session state. Guess the image's prompt!
OpenAI icon
Auth0 Starter hero image
Auth0 StarterTemplate for starting a Convex project with Auth0 for login.
Auth0 icon
ChatGPT with HTTP Response Streaming hero image
ChatGPT with HTTP Response StreamingA basic chat app that streams ChatGPT responses using Convex HTTP actions.
OpenAI icon
Node.js Example hero image
Node.js ExampleNode.js chat and web server
Node.js icon
Using Typeform with Convex Example hero image
Using Typeform with Convex ExampleThis is an example app using Typeform as a way to get data into a Convex project! The frontend (in /app) is custom to my specific example app, a dog-spotting "social media" app using a Typeform to collect the dogs users have seen. It's here for developing the scripts and Convex functions for Typeform integration, but isn't itself reusable since it's tightly coupled to my specific example Typeform.
Typeform icon
Get your app up and running in minutes
Start building