Block Note Editor

BlockNote is a powerful, customizable rich text editor with block-based editing capabilities similar to Notion. It offers a seamless writing experience with the added flexibility of drag-and-drop snippets.

Demo

You can view a live demo of the Block Note Editor by clicking the link below:

View Live Demo

Features

• Block-Based Editing: Create and manipulate content in discrete blocks for better organization and flexibility.
• Rich Text Formatting: Full support for text styling, including bold, italic, underline, tables and more.
• Drag-and-Drop Snippets: Easily insert snippets into your document.

Technologies Used

• Next.js
• Tiptap
• Tailwind CSS
• React

Getting Started

To get a local copy up and running, follow these steps:

1. Clone the repository: git clone https://github.com/SawkaDev/block-note-editor.git

2. Navigate to the project directory: cd block-note-editor

3. Install dependencies: npm install

4. Run the development server: npm run dev

5. Open http://localhost:3000 in your browser to see the result.

Acknowledgments

• Inspired by Notion's block editor
• Built with Next.js, Tiptap, and Tailwind CSS