Mozilla Labs : TogetherJS

archived 29 Dec 2015 00:11:24 UTC
✖
Adobe Flash Player or an HTML5 supported browser is required for video playback.
Get the latest Flash Player
Learn more about upgrading to an HTML5 browser

Collaboration made easy.

Add real time collaboration features to your website today!

What is TogetherJS?

TogetherJS is a free, open source JavaScript library by Mozilla that adds collaboration features and tools to your website. By adding TogetherJS to your site, your users can help each other out on a website in real time!

Why use TogetherJS?

create with connect

Create together.

TogetherJS makes it easy for users on your site collaborate in real time.
built for the web icon

Built for the web.

TogetherJS is implemented in JavaScript; no software or plugins to install, and it's friendly with existing web pages, while still letting developers customize the experience.
mozilla logo

By someone you trust.

TogetherJS is built and hosted by Mozilla, so you know it's safe to use.

How does TogetherJS work?

Add TogetherJS JavaScript and HTML to your site.

Just copy and paste TogetherJS's JS library and HTML snippet into your site or app to give it out-of-the-box collaboration tools and features.
... ... ...
...
... ... ...
...

Your site is now TogetherJS enabled.

If your users want to collaborate with a friend, they can click the TogetherJS button on your site.

Your users can then collaborate in real time!

Your users can send a unique TogetherJS url to a friend. When the friend opens the link, each user sees the same page and can interact with it together in real time.
... ... ... ...
...

Want to learn more about how it works?

See how the technology architecture works here.

Try TogetherJS on these sample apps.

to do app examples

Grocery To Do app

Try out TogetherJS on this sample grocery app with a friend.
mad libs example

Mad Libs

Play Mad Libs with a friend using TogetherJS.
drawing example

Drawing

Draw with a friend using TogetherJS.
youtube example

YouTube

Watch videos with a friend using TogetherJS.

Who is using TogetherJS?

TogetherJS is for developers like you. Whether if you have an education site, coding environment or CMS, TogetherJS can help your users collaborate in real time to accomplish their tasks and work together.
Thimble

Mozilla Thimble

Log into Thimble, then click the 'Collaborate' button to start collaborating with a friend!
JSFiddle

JSFiddle

Press Control + K on your keyboard to activate TogetherJS.
Wordpress

WordPress Plugins

Add a WordPress plugin to your site for real time multi-authoring.
Popcorn

Mozilla Popcorn

Log into Popcorn, then click the 'Collaborate' button to make a video with a friend!
.NET Fiddle

.NET Fiddle

Code together with a friend in a real time authoring environment.

Here are some built-in features!

  • audio video chat

    Audio chat

    TogetherJS uses Web RTC technology to enhance communication for your users.
  • user focus

    User focus

    Your users see each other's mouse cursors and clicks.
  • user presence

    User presence

    TogetherJS enables your users to see each other in real time.
  • text chat

    Text chat

    Your users can chat with each other with familiar instant messaging.
  • co browsing

    Co-browsing

    Your users can follow each other to different pages on the same domain.
  • real time sync

    Real time content sync

    Your users can see content on a site or app dynamically change together.

Try out TogetherJS today!

Add the JavaScript snippet

Simply copy and paste the TogetherJS JavaScript snippet below into your site.
<script src="https://togetherjs.com/togetherjs-min.js"></script>

Add the HTML button

After you've included the TogetherJS JavaScript snippet, copy and paste this anywhere onto your site!
<button onclick="TogetherJS(this); return false;">Start TogetherJS</button>
0%
 
10%
 
20%
 
30%
 
40%
 
50%
 
60%
 
70%
 
80%
 
90%
 
100%