39:I[939773,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/05p05zti_rn-6.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ei7k4u833lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0ny310d9fke7v.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0zfr81hirqwyt.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2qnrr29u25u5t.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0cxf4qpb5soyw.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/15kid0fc4rbwi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1w1qp7xynodi1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0wjhue0-vo4p0.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"TrackedSuspenseFallbackMarker"] 3a:I[57106,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/05p05zti_rn-6.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ei7k4u833lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0ny310d9fke7v.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0zfr81hirqwyt.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2qnrr29u25u5t.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0cxf4qpb5soyw.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/15kid0fc4rbwi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1w1qp7xynodi1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0wjhue0-vo4p0.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"ButtonLink"] 3b:I[939773,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/05p05zti_rn-6.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ei7k4u833lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0ny310d9fke7v.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0zfr81hirqwyt.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2qnrr29u25u5t.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0cxf4qpb5soyw.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/15kid0fc4rbwi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1w1qp7xynodi1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0wjhue0-vo4p0.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"TrackedSuspenseContentMarker"] 3c:I[382422,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/05p05zti_rn-6.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ei7k4u833lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0ny310d9fke7v.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0zfr81hirqwyt.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2qnrr29u25u5t.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0cxf4qpb5soyw.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/15kid0fc4rbwi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1w1qp7xynodi1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0wjhue0-vo4p0.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"TemplateDetailsHeroButtonsClient"] 3d:Tf76,

Novel

An open-source Notion-style WYSIWYG editor with AI-powered autocompletions.

Introduction · Deploy Your Own · Setting Up Locally · Tech Stack · Contributing · License

## Docs (WIP) https://novel.sh/docs/introduction ## Introduction [Novel](https://novel.sh/) is a Notion-style WYSIWYG editor with AI-powered autocompletions. https://github.com/steven-tey/novel/assets/28986134/2099877f-4f2b-4b1c-8782-5d803d63be5c
## Deploy Your Own You can deploy your own version of Novel to Vercel with one click: [![Deploy with Vercel](https://vercel.com/button)](https://stey.me/novel-deploy) ## Setting Up Locally To set up Novel locally, you'll need to clone the repository and set up the following environment variables: - `OPENAI_API_KEY` – your OpenAI API key (you can get one [here](https://platform.openai.com/account/api-keys)) - `BLOB_READ_WRITE_TOKEN` – your Vercel Blob read/write token (currently [still in beta](https://vercel.com/docs/storage/vercel-blob/quickstart#quickstart), but feel free to [sign up on this form](https://vercel.fyi/blob-beta) for access) If you've deployed this to Vercel, you can also use [`vc env pull`](https://vercel.com/docs/cli/env#exporting-development-environment-variables) to pull the environment variables from your Vercel project. To run the app locally, you can run the following commands: ``` pnpm i pnpm dev ``` ## Cross-framework support While Novel is built for React, we also have a few community-maintained packages for non-React frameworks: - Svelte: https://novel.sh/svelte - Vue: https://novel.sh/vue ## VSCode Extension Thanks to @bennykok, Novel also has a VSCode Extension: https://novel.sh/vscode https://github.com/steven-tey/novel/assets/28986134/58ebf7e3-cdb3-43df-878b-119e304f7373 ## Tech Stack Novel is built on the following stack: - [Next.js](https://nextjs.org/) – framework - [Tiptap](https://tiptap.dev/) – text editor - [OpenAI](https://openai.com/) - AI completions - [Vercel AI SDK](https://sdk.vercel.ai/docs) – AI library - [Vercel](https://vercel.com) – deployments - [TailwindCSS](https://tailwindcss.com/) – styles - [Cal Sans](https://github.com/calcom/font) – font ## Contributing Here's how you can contribute: - [Open an issue](https://github.com/steven-tey/novel/issues) if you believe you've encountered a bug. - Make a [pull request](https://github.com/steven-tey/novel/pull) to add new features/make quality-of-life improvements/fix bugs.

## Repo Activity ![Novel.sh repo activity – generated by Axiom](https://repobeats.axiom.co/api/embed/2ebdaa143b0ad6e7c2ee23151da7b37f67da0b36.svg) ## License Licensed under the [Apache-2.0 license](https://github.com/steven-tey/novel/blob/main/LICENSE). 31:["$","$11",null,{"fallback":["$","$L39",null,{"boundaryId":"suspense-template-details-hero-buttons","name":"template-details-hero-buttons","hasExplicitName":true,"children":[["$","span",null,{"className":"rounded-[5px] after:animate-loading-skeleton block relative overflow-hidden invisible after:content-[\"\"] after:absolute after:inset-0 after:right-[-200%] after:bg-gradient-to-r after:from-[var(--ds-gray-100)] after:via-[var(--ds-gray-200)] after:to-[var(--ds-gray-100)] after:bg-[length:50%_100%] after:bg-[position:0_0] after:visible","data-geist-skeleton":"","data-testid":"legacy/skeleton","data-version":"v1","children":["$","$L3a",null,{"href":"#","children":"Deploy"}]}],["$","span",null,{"className":"rounded-[5px] after:animate-loading-skeleton block relative overflow-hidden invisible after:content-[\"\"] after:absolute after:inset-0 after:right-[-200%] after:bg-gradient-to-r after:from-[var(--ds-gray-100)] after:via-[var(--ds-gray-200)] after:to-[var(--ds-gray-100)] after:bg-[length:50%_100%] after:bg-[position:0_0] after:visible","data-geist-skeleton":"","data-testid":"legacy/skeleton","data-version":"v1","children":["$","$L3a",null,{"href":"#","children":"View Demo"}]}]]}],"children":["$","$L3b",null,{"boundaryId":"suspense-template-details-hero-buttons","name":"template-details-hero-buttons","hasExplicitName":true,"children":["$","$L3c",null,{"fields":{"name":"Nuxt AI-powered Notion-like WYSIWYG editor","description":"Notion-like WYSIWYG editor with AI-powered completions (AI Gateway) and real-time collaboration in Vue & Nuxt.","slug":"nuxt-ai-editor","githubUrl":"https://github.com/nuxt-ui-templates/editor","demoUrl":"https://editor-template.nuxt.dev/","publisher":"Nuxt","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"2JYEQBdJFmMb9niUVb3tJb","type":"Asset","createdAt":"2023-06-07T13:42:13.844Z","updatedAt":"2026-01-13T15:25:51.292Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":20,"revision":4,"locale":"en-US"},"fields":{"title":"Nuxt AI Editor","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/2JYEQBdJFmMb9niUVb3tJb/4960f4be92372f1f9a5f7253bd518e15/nuxt-editor-light.png","details":{"size":138357,"image":{"width":654,"height":343}},"fileName":"nuxt-editor-light.png","contentType":"image/png"}}},"framework":["Nuxt"],"type":["AI"],"css":["Tailwind"],"relatedTemplates":[{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"5uVM4gkE0VYmNdUOYHiLEe","type":"Entry","createdAt":"2023-06-10T13:44:30.081Z","updatedAt":"2026-06-11T12:24:39.160Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":78,"revision":16,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"templates"}},"locale":"en-US"},"fields":{"name":"Nuxt AI Chatbot","description":"An AI chatbot template to build your own chatbot powered by Nuxt MDC and Vercel AI SDK.","slug":"nuxt-ai-chatbot","githubUrl":"https://github.com/nuxt-ui-templates/chat","demoUrl":"https://chat-template.nuxt.dev/","publisher":"Nuxt","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"3fuOoYs1OOCcU43etzetGg","type":"Asset","createdAt":"2026-06-11T10:51:15.047Z","updatedAt":"2026-06-11T10:52:40.844Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":7,"revision":2,"locale":"en-US"},"fields":{"title":"Nuxt AI Chatbot","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/3fuOoYs1OOCcU43etzetGg/0e682553482a92f59c9389182048fc13/chat-dark.png","details":{"size":174693,"image":{"width":2560,"height":1344}},"fileName":"chat-dark.png","contentType":"image/png"}}},"framework":["Nuxt"],"type":["AI","Authentication"],"css":["Tailwind"],"database":["Turso"],"relatedTemplates":[{"sys":{"type":"Link","linkType":"Entry","id":"6EdUIxQhnDggm8XSKcDzy6"}},{"sys":{"type":"Link","linkType":"Entry","id":"472Bf8ZS7aHlq4V8F1kDZg"}},{"sys":{"type":"Link","linkType":"Entry","id":"4e8CmCD8qjSWMNhOago1dl"}}],"integrationsOptional":true,"requiredEnvs":["NUXT_SESSION_PASSWORD","NUXT_OAUTH_GITHUB_CLIENT_ID","NUXT_OAUTH_GITHUB_CLIENT_SECRET"],"requiredEnvsDescription":"A 32 char (min) secret for the session password, a GitHub OAuth credentials and make sure to enable AI Gateway.","stores":[{"type":"integration","protocol":"storage","productSlug":"neon","integrationSlug":"neon"}]}},{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"61E3vHLUnY9w6Cszo77kEp","type":"Entry","createdAt":"2023-01-26T18:43:02.311Z","updatedAt":"2025-10-27T10:14:04.111Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":21,"revision":9,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"templates"}},"locale":"en-US"},"fields":{"name":"Docus","slug":"docus","publisher":"Nuxt","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"5rLcegeMuG3ggDNfQt7rj9","type":"Asset","createdAt":"2023-01-26T18:37:06.671Z","updatedAt":"2025-09-09T01:06:19.527Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":12,"revision":6,"locale":"en-US"},"fields":{"title":"Docus Thumbnail","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/5rLcegeMuG3ggDNfQt7rj9/040036056f7b30d2c99dc8998dc6b132/docus.png","details":{"size":70713,"image":{"width":1200,"height":600}},"fileName":"docus.png","contentType":"image/png"}}},"description":"Markdown-based documentation starter with Nuxt and Vue components.","framework":["Nuxt"],"type":["Documentation"],"css":["Tailwind"],"relatedTemplates":[{"sys":{"type":"Link","linkType":"Entry","id":"RuQ9hI60zMX2Rm4qhibf5"}},{"sys":{"type":"Link","linkType":"Entry","id":"2UqA4t0g31TmxqusEFTltj"}},{"sys":{"type":"Link","linkType":"Entry","id":"6SLGOtMWNt163NKQZXyuPW"}},{"sys":{"type":"Link","linkType":"Entry","id":"6pVNCzgtBJ6dDhj7NUbdnp"}}],"githubUrl":"https://github.com/nuxt-content/docus/tree/main/.starters/default","demoUrl":"https://docus.dev/","integrationsOptional":true}},{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"6ie2aPfzAxcA6prAStNmSL","type":"Entry","createdAt":"2023-06-16T18:14:50.684Z","updatedAt":"2026-07-02T17:04:19.511Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":53,"revision":18,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"templates"}},"locale":"en-US"},"fields":{"hasBeenReviewed":true,"isDisabled":false,"isDisabledReason":"","name":"Novel – AI-powered Notion-style editor","description":"A Notion-style WYSYWIG editor with AI-powered autocompletions, built with Tiptap, OpenAI, and Vercel AI SDK.","slug":"novel","githubUrl":"https://github.com/steven-tey/novel","overview":"$3d","rootDirectory":"apps/web","demoUrl":"https://novel.sh/","publisher":"Steven Tey","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"3YXmOo0YQBrFMSYE4RjswC","type":"Asset","createdAt":"2023-06-16T15:39:06.372Z","updatedAt":"2024-06-21T20:34:10.640Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":5,"revision":2,"locale":"en-US"},"fields":{"title":"Novel opengraph-image","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/3YXmOo0YQBrFMSYE4RjswC/0444303eff1ccab53a724f50ab9e9578/opengraph-image.png","details":{"size":172673,"image":{"width":2400,"height":1254}},"fileName":"opengraph-image.png","contentType":"image/png"}}},"framework":["Next.js"],"type":["AI","SaaS"],"css":["Tailwind"],"database":["Vercel Blob"],"relatedTemplates":[{"sys":{"type":"Link","linkType":"Entry","id":"25lExhOPDFoDXUJtlpTUHi"}},{"sys":{"type":"Link","linkType":"Entry","id":"07KycvNERsZY7J9pYrT4s"}},{"sys":{"type":"Link","linkType":"Entry","id":"6EdUIxQhnDggm8XSKcDzy6"}}],"integrationsOptional":true,"requiredEnvs":["OPENAI_API_KEY"],"requiredEnvsDescription":"Get your OpenAI API key:","requiredEnvsLink":"https://platform.openai.com/account/api-keys"}}],"integrationsOptional":true,"requiredEnvsDescription":"A 32 char (min) secret for the session password, a GitHub OAuth credentials and make sure to enable AI Gateway.","stores":[{"type":"integration","protocol":"storage","productSlug":"neon","integrationSlug":"neon"}],"monorepo":false,"microfrontends":false,"rootDirectories":["List of directory paths for the directories to clone into projects"],"projectNames":["Comma separated list of project names","to match the root-directories"],"cdnRoutingRuleHref":"","firewallRuleHref":"","thumbnailUrl":"//images.ctfassets.net/e5382hct74si/2JYEQBdJFmMb9niUVb3tJb/4960f4be92372f1f9a5f7253bd518e15/nuxt-editor-light.png"}}]}]}]