Base de conocimiento open source y local-first que reúne documentos, un lienzo de pizarra y tablas en un solo espacio de trabajo, como alternativa a Notion y Miro.
74,2 mil+281 esta semana5,5 milTypeScriptOtherActualizado hace 18 horas
toeverything/blocksuite
Toolkit de TypeScript con componentes de interfaz web y una capa de datos basada en CRDT para crear editores por bloques y aplicaciones colaborativas.
Alternativa open source a:Notion
- Estrellas
- 6,083
- Forks
- 565
- Issues abiertos
- 196
- Último commit
- hace 3 días
¿Qué es?
BlockSuite es un toolkit para crear editores y aplicaciones colaborativas. Ofrece un framework headless para modelar el estado de los documentos, además de componentes de edición preconstruidos, como un editor de documentos por bloques (PageEditor) y un editor de lienzo estilo gráfico (EdgelessEditor), que comparten las mismas capacidades de texto enriquecido.
La capa de datos se basa en la biblioteca CRDT Yjs, que ofrece colaboración en tiempo real y la posibilidad de recorrer el historial de los documentos. Los componentes son web components nativos, por lo que pueden usarse con React u otros frameworks. Los desarrolladores pueden definir bloques personalizados, reutilizar un documento en varios editores y convertir contenido desde y hacia formatos como Markdown y HTML mediante snapshots y transformers.
El proyecto nació de la base de conocimientos AFFiNE y se mantiene como una biblioteca independiente. Aún está en una etapa inicial, y sus API de componentes y extensiones siguen perfeccionándose.
Funciones clave
- 01Dos editores preconstruidos: un editor de páginas por bloques y un editor de lienzo sin restricciones.
- 02Colaboración en tiempo real e historial de documentos basados en Yjs CRDT.
- 03Definiciones de bloques personalizados e incrustaciones en línea.
- 04Web components nativos compatibles con React y otros frameworks.
- 05Compatibilidad con snapshots y transformers para convertir contenido a Markdown y HTML.
Casos de uso
- Crear un editor por bloques al estilo de Notion dentro de una aplicación web.
- Añadir edición colaborativa de texto enriquecido a un producto existente.
- Crear un editor personalizado reutilizando el framework vanilla y los componentes de BlockSuite.
- Compartir un documento entre varias vistas de editor.
Inicio rápido
- 1
Consulta la guía de inicio rápido para instalar los paquetes de BlockSuite
- 2
Empieza con los editores preconfigurados del paquete presets
Antes de usarlo
- El README indica que BlockSuite aún está en una fase inicial, por lo que los componentes y las API de extensión pueden cambiar.
- Para compilar desde el código fuente, hay que seguir una guía aparte: BUILDING.md.
- Está bajo la licencia MPL 2.0, una licencia de copyleft débil que exige compartir los cambios realizados en archivos modificados sujetos a la MPL.
En colecciones
Temas
#block-editor#rich-text-editor#collaboration#crdt#web-components#yjs#typescript#local-first#block#components
Preguntas frecuentes
- ¿Qué es blocksuite?
- Toolkit de TypeScript con componentes de interfaz web y una capa de datos basada en CRDT para crear editores por bloques y aplicaciones colaborativas. BlockSuite es un toolkit para crear editores y aplicaciones colaborativas. Ofrece un framework headless para modelar el estado de los documentos, además de componentes de edición preconstruidos, como un editor de documentos por bloques (PageEditor) y un editor de lienzo estilo gráfico (EdgelessEditor), que comparten las mismas capacidades de texto enriquecido.
- ¿blocksuite es gratuito? ¿Qué licencia tiene?
- blocksuite es open source bajo la licencia MPL-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿blocksuite sigue mantenido?
- Mantenimiento activo. El último commit de blocksuite fue el 3 nov 2026.
- ¿Para qué puedo usar blocksuite?
- Crear un editor por bloques al estilo de Notion dentro de una aplicación web. Añadir edición colaborativa de texto enriquecido a un producto existente. Crear un editor personalizado reutilizando el framework vanilla y los componentes de BlockSuite. Compartir un documento entre varias vistas de editor.
- ¿Cómo se instala blocksuite?
- Consulta la guía de inicio rápido para instalar los paquetes de BlockSuite Empieza con los editores preconfigurados del paquete presets
- ¿Dónde consigo blocksuite?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/toeverything/blocksuite
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Editor de texto web basado en bloques que guarda el contenido como JSON limpio en lugar de HTML y se amplía mediante plugins.
32 mil+17 esta semana2,2 milTypeScriptApache-2.0Actualizado hace 5 días
Monorepositorio de Microsoft con componentes React, Web Components y utilidades para crear aplicaciones web con el sistema de diseño Fluent UI.
20,4 mil+19 esta semana3 milTypeScriptOtherActualizado hace 17 horas
Omi es un framework de Web Components con JSX, reactividad basada en signals, router y compatibilidad con Tailwind, pensado para crear elementos personalizados reutilizables.
13,3 mil+5 esta semana1,3 milTypeScriptOtherActualizado hace 27 días
Editor de documentos colaborativo en tiempo real y autoalojable, que atribuye cada edición a su autor y conserva todo el historial de revisiones.
18,6 mil+15 esta semana3,1 milTypeScriptApache-2.0Bien mantenidoActualizado hace 20 horas
Un espacio de trabajo self-hosted y local-first, y una base de datos headless en tiempo real para documentos, tablas, chat, archivos y apps, basada en la especificación Atomic Data.
1,6 mil+3 esta semana86TypeScriptOtherActualizado hace 20 horas