index.html 16.9 KB
Newer Older
Sean Packham's avatar
Sean Packham committed
1
---
Sean Packham's avatar
Sean Packham committed
2
layout: en/default
Sean Packham's avatar
Sean Packham committed
3
class: index
4
theme: dark
Sean Packham's avatar
Sean Packham committed
5 6

redirect_from:
7 8
  - /services
  - /services/
9 10 11 12 13 14
  - /deploy
  - /deploy/
  - /live-demo
  - /live-demo/
  - /mobile
  - /mobile/
Sean Packham's avatar
Sean Packham committed
15 16
  - /2017/01/22/improving-education-one-classroom-at-a-time/
  - /2017/12/18/how-classuite-built-their-product-with-rocket-chat/
Sean Packham's avatar
Sean Packham committed
17 18
---

19 20 21
<div class="home-backgrounds">
  <div class="home-landingpage__stars"></div>
  <div class="home-landingpage__planets"></div>
isabellarussell's avatar
isabellarussell committed
22

23
  <section class="banner container">
24 25
    <div class="col">
      <div class="banner_wrap align--center {% if page.theme == 'light' %}card theme_box--light{% else %}card theme_box--dark-strong{% endif %}">
Martin Schoeler's avatar
Martin Schoeler committed
26
      <div  class="{% if page.theme == 'dark' %}theme_type--grey{% endif %}"> Moving from Atlassian Hipchat? 🚀 <a id="atlassian-home-link" target="_blank" href="https://rocket.chat/atlassian" rel="noopener noreferrer"> <strong>Welcome to Rocket.Chat!</strong></a>
27 28
      </div>
    </div>
29
  </section>
30

Danilo Woznica's avatar
Danilo Woznica committed
31 32 33 34
  <div class=" home-hero">
    <section class="container">
      <div class="home-hero_wrap home-landingpage">
        <h1 class="display--big theme_type--dark">Open Source Team Communication</h1>
35
        <p class="display--small theme_type--grey">Rocket.Chat is free, unlimited and open source. Replace email, HipChat &amp; Slack with the ultimate team chat software solution.</p>
Martin Schoeler's avatar
Martin Schoeler committed
36
        <div class="install-buttons">
Martin Schoeler's avatar
Martin Schoeler committed
37
          <a href="//cloud.rocket.chat/trial/bronze" rel="noopener noreferrer" class="button">Start cloud trial</a>
38
          <a href="/install" class="button button--ghost">Install own server</a>
Danilo Woznica's avatar
Danilo Woznica committed
39
        </div>
40
      </div>
41

Danilo Woznica's avatar
Danilo Woznica committed
42 43
      <img
        class="home-hero_image"
44
        src="/images/index/devices.png" alt="Rocket Chat apps"
Danilo Woznica's avatar
Danilo Woznica committed
45 46 47
      />
    </section>
  </div>
48

49
  <div class="space--8"></div>
50

51 52 53 54 55 56 57 58 59 60
  <section class="container" style="z-index:1000">
      <div class="card theme_box--light-strong clients">
        <p class="label theme_type--grey align--center">TRUSTED BY</p>
        {% include client-slideshow.html %}
      </div>
    </section>

  <div class="space--8"></div>
  <div class="space--8"></div>

61 62 63 64
  <div class="container home-landingpage">
    <div class="flex-grid grid--justify-around grid--reverse">
      <div class="col--third">
        <h2 class="display theme_type--dark">Replace Email</h2>
isabellarussell's avatar
isabellarussell committed
65
        <p class="theme_type--grey">Open up the conversation and remove the need for CC/BCC by using Rocket.Chat Channels and Private Groups to speak to your team openly for greater transparency.</p>
66
        <p class="theme_type--grey">Include relevant participants with the @username mention to notify those immediately. For important announcements to all members of a group, use @all. Full chat history allows participants to join and leave at any time.</p>
67
      </div>
68

Danilo Woznica's avatar
Danilo Woznica committed
69
      <div class="col--third">
70
        <img class="home-landingpage__mail" src="/images/index/landingpage-mail.svg" alt="Our mission Replace Email" />
71
      </div>
72 73 74
    </div>
  </div>

75
  <div class="space--8"></div>
76

77 78 79 80
  <div class="container home-landingpage">
    <div class="flex-grid grid--justify-around">
      <div class="col--third">
        <h2 class="display theme_type--dark">Team Chat</h2>
isabellarussell's avatar
isabellarussell committed
81 82 83
        <p class="theme_type--grey">Communicate and collaborate using team chat and switch to video or audio calls with screen sharing for more efficient teamwork.</p>
        <p class="theme_type--grey">Improve productivity by discussing and sharing ideas, projects and files with real-time or asynchronous team chat.
          .</p>
84
      </div>
85

Danilo Woznica's avatar
Danilo Woznica committed
86
      <div class="col--third">
87
        <img class="home-landingpage__chat" src="/images/index/landingpage-teamchat.svg" alt="Our mission Team Chat" />
88
      </div>
89
    </div>
90
  </div>
91

Danilo Woznica's avatar
Danilo Woznica committed
92
  <div class="space--8"></div>
93

Martin Schoeler's avatar
Martin Schoeler committed
94 95
  <div class="container home-landingpage">
      <div class="flex-grid grid--justify-around grid--reverse">
Martin Schoeler's avatar
Martin Schoeler committed
96
        <div class="col--third">
Martin Schoeler's avatar
Martin Schoeler committed
97 98 99
          <h2 class="display theme_type--dark">What is Rocket.Chat?</h2>
          <p class="theme_type--grey">Communicate and collaborate with your team, share files, chat in real time or switch to video/audio conferencing.</p>
          <p class="theme_type--grey"> Watch the video to see how Rocket.Chat provides the ideal platform for your team or business needs.</p>
100
          <p class="theme_type--grey"> Watch Now: <br> <a class="button--link youtube-text-link" data-featherlight="#youtube-link">English</a> or <a class="button--link youtube-text-link pt" data-featherlight="#youtube-link">Portuguese</a></p>
Martin Schoeler's avatar
Martin Schoeler committed
101 102
        </div>

Martin Schoeler's avatar
Martin Schoeler committed
103 104
        <div class="col">
          <a class="youtube-image-link" data-featherlight="#youtube-link"><img class="youtube-play" src="/images/default/play-circle.svg" alt="play"></a>
105
          <div id="youtube-link"><iframe class="youtube-video"src="https://www.youtube.com/embed/IzJ11kvM-P8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>
Martin Schoeler's avatar
Martin Schoeler committed
106 107 108 109 110 111
        </div>
      </div>
    </div>

    <div class="space--8"></div>

112 113 114 115
  <section class="container">
    <div class="home-box home-community">
      <div class="home-box__wrap">
        <p class="label theme_type--grey">Open source</p>
Gabriel Engel's avatar
Gabriel Engel committed
116
        <h2 class="display theme_type--dark">A Universe of Possibilities</h2>
Gabriel Engel's avatar
Gabriel Engel committed
117 118
        <p class="theme_type--grey">With complete access to the source code, you can fully customize, extend or add new functionality to meet your requirements.</p>
        <p class="theme_type--grey">Join the thousands of developers who are creating the best chat platform on <a class="button--link" href="//open.rocket.chat/" target="_blank" rel="noopener noreferrer">open.rocket.chat</a></p>
Gabriel Engel's avatar
Gabriel Engel committed
119
        <a class="home-community_github" target="_blank" rel="noopener noreferrer" href="//github.com/RocketChat/Rocket.Chat/stargazers">
120
          <span><img style="top: 0.1em;"src="/images/default/star.svg" alt="GitHub Stars">Star</span>
121
          <span class="star-count">{{site.stars}}K</span>
122 123 124
        </a>
        <a class="home-community_github" target="_blank" rel="noopener noreferrer" href="//github.com/RocketChat/Rocket.Chat/fork">
          <span><img src="/images/default/fork.svg" alt="GitHub forks">Fork</span>
125
          <span class="fork-count">{{site.forks}}K</span>
126 127 128 129 130 131
        </a>
        <a class="home-community_github-link" target="_blank" rel="noopener noreferrer" href="//github.com/RocketChat/Rocket.Chat">
          <span><img src="/images/default/github.svg" alt="GitHub"></span>
          Open on GitHub
        </a>
      </div>
132 133
    </div>

134 135 136 137
    <div class="space--8"></div>

    <div class="flex-grid grid--justify-around">
      <div class="col--third">
isabellarussell's avatar
isabellarussell committed
138 139
        <h3 class="theme_type--dark display--small"><strong>Secure Conversations</strong></h3>
        <p class="theme_type--grey">A safe workspace with username restriction and admin transparency. Remove bad actors by adding moderators and provide admins with additional controls.</p>
140 141 142 143
        {% comment %}  <p><a href="" class="button--link button--with-arrow">Learn more</a> {% endcomment %}
      </div>

      <div class="col--third">
isabellarussell's avatar
isabellarussell committed
144
        <h3 class="theme_type--dark display--small"><strong>Trusted by blockchain innovators</strong></h3>
SingLi's avatar
SingLi committed
145
        <p class="theme_type--grey">Join leading blockchain projects such as Aragon, Brave, Hyperledger, Golem, Tokenly and others in migrating from Slack. Do so easily thanks to <a class="button--link" href="//rocket.chat/docs/administrator-guides/import/slack//" target="_blank" rel="noopener noreferrer">Slack Importer</a> and <a class="button--link" href="//rocket.chat/docs/administrator-guides/import/slack/slackbridge/" target="_blank" rel="noopener noreferrer">Slack Bridge</a>.</p>
146
        <p class="theme_type--grey">Migrating from <a class="button--link" href="//rocket.chat/atlassian/" target="_blank" rel="noopener noreferrer">Atlassian?</a> Choose from our two <a class="button--link" href="//rocket.chat/docs/administrator-guides/import/hipchat/" target="_blank" rel="noopener noreferrer">HipChat Importers</a>.</p>
Gabriel Engel's avatar
Gabriel Engel committed
147
        <p><a href="//rocket.chat/docs/administrator-guides/import/" class="button--link button--with-arrow">Learn more about importing to Rocket.Chat</a></p>
148
      </div>
Sean Packham's avatar
Sean Packham committed
149
    </div>
150
  </section>
151

152 153
  <div class="space--6"></div>
</div>
154

Danilo Woznica's avatar
Danilo Woznica committed
155
<section class="container home-enterprise">
156
  <div class="theme_box--brand card--shadow">
157 158
    <div class="home-box">
      <div class="home-box__wrap">
isabellarussell's avatar
isabellarussell committed
159 160
        <p class="label theme_type--kinda-white">Unlimited &amp; open source</p>
        <h2 class="display theme_type--dark">Features</h2>
161
        <p class="theme_type--kinda-white">Free audio and video conferencing, guest access, screen sharing, file sharing, LiveChat, LDAP Group Sync, two-factor authentication (2FA), E2E encryption, SSO, and dozens of OAuth providers.</p>
162 163 164
        <p class="theme_type--dark">Also includes unlimited:</p>

        <div class="list flex-grid">
165
          <div class="col">
166
            <p class="theme_type--dark flex-grid--nobreak">
167
              <span class="list-img"><img src="/images/index/users.svg" alt="Users" /> </span>
168 169 170
              <span>Users</span>
            </p>
            <p class="theme_type--dark flex-grid--nobreak">
171
              <span class="list-img"><img src="/images/index/channels.svg" alt="Channels" /> </span>
172 173 174
              <span>Channels</span>
            </p>
            <p class="theme_type--dark flex-grid--nobreak">
175
              <span class="list-img"><img src="/images/index/searches.svg" alt="Searches" /> </span>
176 177 178 179
              <span>Searches</span>
            </p>
          </div>

180
          <div class="col">
181
            <p class="theme_type--dark flex-grid--nobreak">
182
              <span class="list-img"><img src="/images/index/messages.svg" alt="Messages" /> </span>
183 184 185
              <span>Messages</span>
            </p>
            <p class="theme_type--dark flex-grid--nobreak">
186
              <span class="list-img"><img src="/images/index/guests.svg" alt="Guests" /> </span>
187 188 189
              <span>Guests</span>
            </p>
            <p class="theme_type--dark flex-grid--nobreak">
190
              <span class="list-img"><img src="/images/index/upload.svg" alt="File uploads" /> </span>
191 192 193 194 195
              <span>File uploads</span>
            </p>
          </div>
        </div>
      </div>
196

197
      <img class="home-box__image" src="/images/index/enterprise.svg" />
198 199 200 201 202
    </div>
  </div>
</section>

<section class="theme_box--white">
Danilo Woznica's avatar
Danilo Woznica committed
203 204 205 206 207
  <div class="container">
    <div class="flex-grid grid--justify-around grid--reverse">
      <div class="col--third">
        <div class="space--2"></div>
        <p class="label theme_type--light">Feature</p>
isabellarussell's avatar
isabellarussell committed
208 209
        <h2 class="display">LiveChat</h2>
        <p class="theme_type--light">With LiveChat by Rocket.Chat you can add real-time chat widgets to any website or mobile app to get more value from your team chat and provide high quality customer service.</p>
Danilo Woznica's avatar
Danilo Woznica committed
210 211 212 213
        <p class="theme_type--light">Replace other systems and use one communication platform to save time and money. Create a user support helpdesk, answer customer queries and convert leads.</p>
      </div>

      <div class="col--third">
214
        <img src="/images/index/live-chat.svg" alt="Live Chat"/>
Danilo Woznica's avatar
Danilo Woznica committed
215 216 217 218 219 220 221 222 223 224 225 226 227
      </div>
    </div>
  </div>

  <div class="space--4"></div>

  <div class="container">
    <div class="flex-grid grid--justify-around">
      <div class="col--third">
        <div class="space--2"></div>
        <p class="label theme_type--light">Feature</p>
        <h2 class="display">Real-time translation</h2>
        <p class="theme_type--light">Rocket.Chat uses cutting edge machine learning for automatic real-time message translation between users.</p>
Gabriel Engel's avatar
Gabriel Engel committed
228
        <p class="theme_type--light">Our user interface has been translated to over 50 languages, more than any other team chat service.</p>
Danilo Woznica's avatar
Danilo Woznica committed
229 230 231
      </div>

      <div class="col--third">
232
        <img src="/images/index/translate.svg" alt="translate translation"/>
Danilo Woznica's avatar
Danilo Woznica committed
233 234 235 236 237 238
      </div>
    </div>
  </div>

  <div class="space--4"></div>

Danilo Woznica's avatar
Danilo Woznica committed
239
  <div class="container">
240
    <div class="card theme_box--brand home-install">
Danilo Woznica's avatar
Danilo Woznica committed
241
      <div class="wrap">
242
        <p class="label theme_type--kinda-white">Web, Desktop &amp; Mobile</p>
Danilo Woznica's avatar
Danilo Woznica committed
243
        <h2 class="display theme_type--dark">For all platforms</h2>
244
        <p class="theme_type--kinda-white">You can take Rocket.Chat anywhere with our web, desktop &amp; mobile apps, LiveChat clients and SDK.</p>
Danilo Woznica's avatar
Danilo Woznica committed
245 246 247 248 249 250 251 252

        <div class="home-install__icons">
          <img src="/images/install/windows.svg" alt="Rocket.Chat for Windows" />
          <img src="/images/install/macos.svg" alt="Rocket.Chat for MacOS" />
          <img src="/images/install/linux.png" alt="Rocket.Chat for Linux" />
          <img src="/images/install/ios.svg" alt="Rocket.Chat for iOS" />
          <img src="/images/install/android.svg" alt="Rocket.Chat for Android" />
        </div>
Danilo Woznica's avatar
Danilo Woznica committed
253

Danilo Woznica's avatar
Danilo Woznica committed
254 255 256
        <div class="space--2"></div>

        <div class="home-install__button">
257 258
          <a href="/install" class="button--blank theme_type--brand" title="install">
            <span class="button--icon"><img src="/images/default/install.svg" alt="Install"></span>
Danilo Woznica's avatar
Danilo Woznica committed
259 260 261 262 263 264 265 266 267
            <span>Install</span>
          </a>
        </div>
      </div>
    </div>
  </div>

  <div class="space--4"></div>

Danilo Woznica's avatar
Danilo Woznica committed
268 269
  <div class="container">
    <div class="flex-grid grid--justify-around align--center">
Danilo Woznica's avatar
Danilo Woznica committed
270
      <div class="col--haft no-gutter">
Danilo Woznica's avatar
Danilo Woznica committed
271 272
        <p class="label theme_type--light">Feature</p>
        <h2 class="display">Endless Customization</h2>
Gabriel Engel's avatar
Gabriel Engel committed
273
        <p class="theme_type--light type--nomargin">Customize your platform to tailor its exact look &amp; feel by adding or removing features and selecting your own integrations, plugins &amp; themes.</p>
Danilo Woznica's avatar
Danilo Woznica committed
274 275 276 277
      </div>
    </div>
  </div>

Danilo Woznica's avatar
Danilo Woznica committed
278
  <div class="space--4"></div>
279

280
  <div class="container home-endless">
Danilo Woznica's avatar
Danilo Woznica committed
281
    <div class="flex-grid grid--justify-around">
282
      <div class="col--three-quarter align--center">
Danilo Woznica's avatar
Danilo Woznica committed
283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302
        <div class="flex-grid">
          <div class="col">
            <img width="70px" src="/images/index/icon__integrations.png" alt="Integrations" />
            <div class="space--075"></div>
            <h2 class="theme_type--space"><strong>Integrations</strong></h2>
            <p class="theme_type--light">Add incoming and outgoing WebHook integrations to Rocket.Chat</p>
          </div>
          <div class="col">
            <img width="70px" src="/images/index/icon__plugins.png" alt="Plugins" />
            <div class="space--075"></div>
            <h2 class="theme_type--space"><strong>Plugins</strong></h2>
            <p class="theme_type--light">Integrate Rocket.Chat features into popular applications such as Drupal or Pidgin</p>
          </div>
          <div class="col">
            <img width="70px" src="/images/index/icon__themes.png" alt="Themes" />
            <div class="space--075"></div>
            <h2 class="theme_type--space"><strong>Themes</strong></h2>
            <p class="theme_type--light">Personalize your UI by overriding any of the built-in styles</p>
          </div>
        </div>
Danilo Woznica's avatar
Danilo Woznica committed
303

Danilo Woznica's avatar
Danilo Woznica committed
304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321
        <div class="flex-grid">
          <div class="col">
            <img width="70px" src="/images/index/icon__api.png" alt="Powerful APIs" />
            <div class="space--075"></div>
            <h2 class="theme_type--space"><strong>Powerful APIs</strong></h2>
            <p class="theme_type--light">Use Rocket.Chat’s REST API, LiveChat API or Real time API</p>
          </div>
          <div class="col">
            <img width="70px" src="/images/index/icon__import.png" alt="Data Importers" />
            <div class="space--075"></div>
            <h2 class="theme_type--space"><strong>Data Importers</strong></h2>
            <p class="theme_type--light">Migrate from other team chat software and bring all your data with you using our easy-to-use data importers for Slack and HipChat</p>
          </div>
          <div class="col">
            <img width="70px" src="/images/index/icon__market.png" alt="Marketplace" />
            <div class="space--075"></div>
            <h2 class="theme_type--space"><strong>Marketplace</strong></h2>
            <p class="theme_type--light">Find and install apps to extend Rocket.Chat or upload and sell an app you have developed.</p>
322
            <a target="_blank" href="/marketplace" rel="noopener noreferrer">Find apps now!</a>
Danilo Woznica's avatar
Danilo Woznica committed
323 324
          </div>
        </div>
Danilo Woznica's avatar
Danilo Woznica committed
325 326
      </div>
    </div>
Danilo Woznica's avatar
Danilo Woznica committed
327
  </div>
Danilo Woznica's avatar
Danilo Woznica committed
328

Danilo Woznica's avatar
Danilo Woznica committed
329 330 331 332 333 334
  <div class="home-customization">
    <div class="home-customization__scroll-view">
      <img
        srcset="/images/index/sidebars@1x.png, /images/index/sidebars@2x.png 2x, /images/index/sidebars@3x.png 3x"
        src="/images/index/sidebars@1x.png" alt="Endless Customization"
      />
Danilo Woznica's avatar
Danilo Woznica committed
335 336 337 338 339 340
    </div>
  </div>
</section>

<section class="container">

341 342 343 344 345 346 347 348 349 350 351 352
  <div class="space--6"></div>

  <section class="container">
    <div class="card theme_box--dark-strong partner-box">
      <div class="wrap">
        <p class="label theme_type--grey">Become a partner</p>
        <h2 class="display theme_type--dark">Join the Rocket.Chat ecosystem and become a partner</h2>
        <p class="theme_type--grey">Contact us to find out  how you could become an approved Rocket.Chat partner</p>
        <a class="button" href="/become-partner">Become Partner</a>
      </div>
    </div>
  </section>
Danilo Woznica's avatar
Danilo Woznica committed
353

Gabriel Engel's avatar
Gabriel Engel committed
354 355 356 357 358
  <div class="flex-grid grid--justify-around align--center">
    <div class="col--haft no-gutter">
    </div>
  </div>

Danilo Woznica's avatar
Danilo Woznica committed
359 360
  <div class="space--2"></div>

361
</section>