Docs
AI

BlockNote AI integration

With BlockNote AI, you can add AI functionality to your rich text editor. Users can work with an AI agent to edit, write and format their documents.

💡

BlockNote AI is now in early preview - we'd love to hear your feedback! We also collaborate with companies to help with the integration or implement more advanced AI related functionality. Get in touch.

Features

BlockNote AI has been designed to be fully customizable. BlockNote shows exactly what the AI agent is doing - making it easy for users to work hand in hand with AI agents.

User Experience

  • Interactive AI Suggestions: Users can accept or reject AI suggestions with a simple click, maintaining full control over their content
  • Real-time Feedback: Streaming support provides immediate responses, making the AI interaction feel natural and responsive
  • Transparent Operations: See exactly what the AI is doing at each step, with clear visual indicators of AI actions

Technical Capabilities

  • Flexible Command System: Customize commands to write or update existing content and formatting
  • Multi-step Workflows: Support for "Human in the Loop" workflows where users can guide the AI
  • Model Agnostic: Connect any LLM model (from Llama to OpenAI, Mistral or Anthropic)
  • Customizable Prompts: Fine-tune AI behavior with custom prompts and instructions
  • No Backend Required: Use your own infrastructure or connect directly to a hosted LLM API

Integration

  • Built on Vercel AI SDK: Leverages the power of the Vercel AI SDK (opens in a new tab) for reliable AI integration
  • Easy Setup: Get started quickly with minimal configuration
  • Completely Customizable: Fully customizable commands and UI elements

This feature is provided by the @blocknote/xl-ai package. xl- packages are fully open source, but released under a copyleft license. A commercial license for usage in closed source, proprietary products comes as part of the Business subscription.

Next Steps

Have a feature request or need help with integration? Get in touch with our team.

Usage Without React (Vanilla JS)Getting Started