Notion-like AI Editor (Lexical)

A collaborative text editor built using Liveblocks, Lexical, and Vercel AI SDK.

CommonProductProductivityCollaborative EditingAI Assistance

The Notion-like AI Editor is a collaborative text editing example based on Liveblocks, Lexical, and Vercel AI SDK. It allows users to edit documents in real time while simultaneously viewing each other's cursor positions. The editor also integrates an AI toolbar, enabling users to generate improvements and new content through AI queries.

Real-time document synchronization: Changes made by users in the document are automatically saved and synchronized
achieving real-time updates across clients.
Collaborative editing: Supports multiple users editing the same document simultaneously
with real-time visibility of other users' cursors and editing actions.
AI toolbar: Integrates AI features
allowing users to generate improvements and new content through the AI toolbar.
Simple environment setup: Easy local running and deployment through straightforward commands
enabling quick onboarding and development.
Easy deployment: Supports one-click deployment to Vercel
streamlining the deployment process.

This product is ideal for teams and individuals requiring collaborative document editing and content generation
such as writers
editors
and project managers. It enhances collaboration efficiency and the quality of content creation through real-time synchronization and AI-assisted features.

Team Collaboration: Team members can collaborate in real time to edit project documents
enhancing work efficiency.
Content Creation: Writers and editors can utilize the AI toolbar to generate article drafts and improve content.
Project Management: Project managers can update project progress documents in real time
ensuring timely communication of information.

1. Clone the repository locally: Use git commands to clone the Notion-like AI Editor project into your local development environment.
2. Install dependencies: Run npm install in the project directory to install all dependencies.
3. Create an account: Sign up at liveblocks.io to obtain your API key.
4. Configure environment variables: Create a .env.local file in the project root directory and add the LIVEBLOCKS_SECRET_KEY environment variable.
5. Run the project: Execute npm run dev to start the project and visit http://localhost:3000 in your browser.

Visit

Notion-like AI Editor (Lexical) Visit Over Time

Monthly Visits

515580771

Bounce Rate

37.20%

Page per Visit

5.8

Visit Duration

00:06:42

Notion-like AI Editor (Lexical) Visit Trend

Notion-like AI Editor (Lexical) Visit Geography

Notion-like AI Editor (Lexical) Traffic Sources

Notion-like AI Editor (Lexical) Alternatives

Tongyi Qianwen 2.5 - Code Artifacts — An online platform providing code artifacts.

Programming•Code•Development

ReviewPower — A one-stop analysis platform for credible reviews from G2 and Capterra

Business•Review Analysis•Business Intelligence

Feta — A tool for improving meeting efficiency for product and engineering teams.

InternationalSelection•Meeting Management•Project Management

BuildnPlay — A platform that fuels creativity and productivity

Productivity•Productivity•Gamification

SiYuan Note — A privacy-focused personal knowledge management system that supports Markdown formatting and bi-directional linking.

ChineseSelection•Knowledge Management•Markdown

Urban Green — Let cities bloom green and create a sustainable living environment together.

Entertainment•Urban Greening•Community Sharing

CodeCV Resume — A free professional online Markdown resume creation tool

ChineseSelection•Resume creation•Online tool

336

Microsoft Teams — An intelligent team collaboration platform that enhances work efficiency.

Productivity•Team Collaboration•Video Conferencing

Microsoft Word — Intelligent writing assistant, document design, and collaboration tool.

Productivity•Document Editing•Collaboration

LearnFast.ai — 24/7 online physics problem-solving AI

Education•Physics learning•Online answers

Microsoft Outlook — An efficient tool for managing daily emails and schedules.

Productivity•Email Management•Scheduling

Microsoft PowerPoint — Create compelling presentations and collaborate in real-time across any device.

Productivity•Presentations•Collaboration

Productiv. — Your focus companion in the age of digital distractions

Others•Focus•Time Management

102

WPS Office for Linux — WPS Office for Linux - A one-stop office solution.

Productivity•office software•Linux

Branches and Leaves — Leverage AI technology to reshape your note organization and activate your knowledge system.

ChineseSelection•Knowledge Management•AI Assistance

336

CommandDash — Integrates AI in the IDE to provide contextual code suggestions.

Programming•AI Assistance•IDE Plugin

CursorLens — An open-source dashboard providing AI-assisted coding for Cursor.sh IDE.

InternationalSelection•Open Source•AI Assistance

168

Struct2AI — Intelligent capture of project structures to enhance AI interaction efficiency.

Programming•AI Assistance•Project Structure

iFlytech Document Writing — An intelligent document writing assistant designed for efficient office tasks with one-click generation.

ChineseSelection•Official Documents•Intelligent Writing

210

AI Inspiration PPT — One-click PPT generation with smart office assistance.

ChineseSelection•Smart Office•AI Assistance

288

Unskool — A parental support tool to facilitate homeschooling.

InternationalSelection•Homeschooling•Learning Tracking

138

Tempest AI — No coding required, create a game in 10 minutes

Programming•Game Development•AI Assistance

276

Lokal.so — Local development tool supporting remote access and AI assistance.

Programming•Local Development•Remote Access

ResumaidPro — A customized resume building tool powered by AI to enhance job search efficiency.

Productivity•Job Searching•AI Assistance

Sugar Free — Smart food scanning to help you overcome sugar cravings.

Productivity•Health•Diet

168

Best AI Websites & Tools