examples

BlockSuite Examples

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

Install

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

Run Example

pnpm dev example-name

Example List

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

Contribution

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