https://github.com/yjs/yjs-demos

A collection of demos for Yjs
https://github.com/yjs/yjs-demos

Last synced: about 1 year ago
JSON representation

A collection of demos for Yjs

• Host: GitHub
• URL: https://github.com/yjs/yjs-demos
• Owner: yjs
• License: unlicense
• Created: 2019-04-26T23:06:53.000Z (about 7 years ago)
• Default Branch: main
• Last Pushed: 2025-02-26T18:31:42.000Z (over 1 year ago)
• Last Synced: 2025-04-13T02:13:27.150Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://demos.yjs.dev
• Size: 2.89 MB
• Stars: 834
• Watchers: 14
• Forks: 126
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred - yjs/yjs-demos - A collection of demos for Yjs (others)

README

          

# Yjs Demos [![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/yjs/yjs-demos)

> A starting point for your own ideas - PRs welcome

We have a more complete [Getting Started Guide](https://docs.yjs.dev/getting-started/a-collaborative-editor) in our official documentation website.

* 3D model collaboration using the [Vertex Viewer](https://developer.vertexvis.com/). [Open Demo Site](https://collaboration.vertexvis.io/).

* Shared Editing using the [ProseMirror](http://prosemirror.net/) editor - [Open Directory](./prosemirror/)

* Shared Editing using the [@nytimes/react-prosemirror](https://github.com/nytimes/react-prosemirror/) - [Open Directory](./react-prosemirror/)

* Shared Editing using the [ProseMirror](http://prosemirror.net/) editor with

  versioning support - [Open Directory](./prosemirror-versions/)

* Shared Editing using the [Quill](https://quilljs.com/) editor - [Open Directory](./quill/)

* Shared Editing using the [Monaco](https://microsoft.github.io/monaco-editor/)

  editor - [Open Directory](./monaco/)

* Shared Editing using the [CodeMirror](https://codemirror.net/)

  editor - [Open Directory](./codemirror/)

* Shared Editing using the [CodeMirror.next](https://codemirror.net/6/)

  editor - [Open Directory](./codemirror.next/)

## Getting Started

If you are new to Yjs and you just want to play around clone this repository and

use one of the demo directories that interests you the most.

```sh

git clone https://github.com/yjs/yjs-demos.git

npm install

cd yjs-demos/${demo-directory}

npm install

npm start

```

The demos use a public [`y-websocket`](https://github.com/yjs/y-websocket)

instance for communication. Try using one of the [other connection providers](https://docs.yjs.dev/ecosystem/connection-provider) or setting up

your own endpoint.

### (Un)License

The demos are released to the public domain - [Unlicense](./LICENSE).