This collection showcases how to integrate, use, and configure BlockSuite across various common project setups.

These examples are built and maintained independently from the packages in the monorepo. It's a standalone workspace that installs BlockSuite canary versions published on npm, instead of using the workspace:* reference.

pnpm install

pnpm dev example-name

• react-basic
• react-basic-next
• react-indexeddb
• react-sqlite
• react-websocket
• vanilla-indexeddb
• vue-basic
• angular-basic
• preact-basic
• svelte-basic
• solid-basic

Contributions of more examples are welcome! If you are a new contributor, please sign the CLA.md in your pull request.