Локальная база знаний с открытым исходным кодом, объединяющая документы, доску и таблицы в одном рабочем пространстве — альтернатива Notion и Miro.
74,3 тыс.+280 за неделю5,5 тыс.TypeScriptOtherОбновлён 12 часов назад
toeverything/blocksuite
TypeScript-инструментарий с UI-компонентами на веб-компонентах и слоем данных на основе CRDT для создания блочных редакторов и совместных приложений.
Open source альтернатива:Notion
- Звёзды
- 6,086
- Форки
- 566
- Открытые issues
- 196
- Последний коммит
- позавчера
Что это?
BlockSuite — инструментарий для создания редакторов и совместных приложений. Он предоставляет headless-фреймворк для моделирования состояния документов, а также готовые компоненты редакторов: блочный редактор документов (PageEditor) и редактор-канвас (EdgelessEditor) с теми же возможностями работы с rich text.
Слой данных построен на CRDT-библиотеке Yjs, которая обеспечивает совместную работу с документами в реальном времени и поддержку перемещения по истории изменений. Компоненты реализованы как нативные веб-компоненты, поэтому их можно использовать в React и других фреймворках. Разработчики могут определять собственные блоки, использовать один документ в нескольких редакторах и преобразовывать содержимое в Markdown и HTML и обратно с помощью снимков и трансформеров.
Проект вырос из базы знаний AFFiNE и поддерживается как независимая библиотека. Он всё ещё находится на раннем этапе развития, а API компонентов и расширений продолжают дорабатывать.
Ключевые возможности
- 01Два готовых редактора: блочный редактор страниц и редактор-канвас.
- 02Совместная работа в реальном времени и история документов на основе CRDT Yjs.
- 03Определение собственных блоков и встроенных элементов.
- 04Нативные веб-компоненты, совместимые с React и другими фреймворками.
- 05Поддержка снимков и трансформеров для преобразования Markdown и HTML.
Сценарии использования
- Создание блочного редактора в стиле Notion внутри веб-приложения.
- Добавление совместного редактирования rich text в существующий продукт.
- Создание собственного редактора на основе vanilla-фреймворка и компонентов BlockSuite.
- Использование одного документа в нескольких представлениях редактора.
Быстрый старт
- 1
Прочитайте краткое руководство по установке пакетов BlockSuite
- 2
Начните с готовых редакторов из пакета presets
Что важно знать
- В README указано, что BlockSuite находится на раннем этапе разработки, поэтому компоненты и API расширений могут измениться.
- Для сборки из исходного кода нужно следовать отдельному руководству BUILDING.md.
- Лицензия — MPL 2.0, слабая лицензия с авторским левом, которая требует публиковать изменения в изменённых файлах, распространяемых по MPL.
В подборках
Темы
#block-editor#rich-text-editor#collaboration#crdt#web-components#yjs#typescript#local-first#block#components
Частые вопросы
- Что такое blocksuite?
- TypeScript-инструментарий с UI-компонентами на веб-компонентах и слоем данных на основе CRDT для создания блочных редакторов и совместных приложений. BlockSuite — инструментарий для создания редакторов и совместных приложений. Он предоставляет headless-фреймворк для моделирования состояния документов, а также готовые компоненты редакторов: блочный редактор документов (PageEditor) и редактор-канвас (EdgelessEditor) с теми же возможностями работы с rich text.
- blocksuite можно использовать бесплатно? Какая у него лицензия?
- blocksuite распространяется с открытым исходным кодом под лицензией MPL-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- blocksuite всё ещё поддерживается?
- Активно поддерживается. Последний коммит в blocksuite — 6 нояб. 2026 г..
- Для чего можно использовать blocksuite?
- Создание блочного редактора в стиле Notion внутри веб-приложения. Добавление совместного редактирования rich text в существующий продукт. Создание собственного редактора на основе vanilla-фреймворка и компонентов BlockSuite. Использование одного документа в нескольких представлениях редактора.
- Как установить blocksuite?
- Прочитайте краткое руководство по установке пакетов BlockSuite Начните с готовых редакторов из пакета presets
- Где скачать blocksuite?
- Исходный код и инструкции по установке — на GitHub: https://github.com/toeverything/blocksuite
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Блочный текстовый редактор для веба, который сохраняет контент в чистом JSON, а возможности расширяются с помощью плагинов-инструментов.
32 тыс.+14 за неделю2,2 тыс.TypeScriptApache-2.0Обновлён 6 дней назад
Монорепозиторий Microsoft с React-компонентами, веб-компонентами и утилитами для создания веб-приложений в дизайн-системе Fluent UI.
20,4 тыс.+16 за неделю3 тыс.TypeScriptOtherОбновлён вчера
Omi — фреймворк для Web Components с JSX, реактивностью на основе сигналов, роутером и поддержкой Tailwind для создания переиспользуемых пользовательских элементов.
13,3 тыс.+4 за неделю1,3 тыс.TypeScriptOtherОбновлён 29 дней назад
Редактор документов для совместной работы в реальном времени, который можно развернуть на своём сервере: он указывает автора каждой правки и хранит полную историю изменений.
18,6 тыс.+9 за неделю3,1 тыс.TypeScriptApache-2.0Активно поддерживаетсяОбновлён 12 часов назад
Локально-ориентированное рабочее пространство для собственного хостинга и headless-база данных реального времени для документов, таблиц, чатов, файлов и приложений на основе спецификации Atomic Data.
1,6 тыс.+4 за неделю86TypeScriptOtherОбновлён 19 часов назад