diff --git a/src/actions/index.js b/src/actions/index.js
index 3713bc6a..ff572b84 100644
--- a/src/actions/index.js
+++ b/src/actions/index.js
@@ -35,3 +35,5 @@ export const users = require('./users');
 export const quotes = require('./quotes');
 
 export const tools = require('./tools');
+
+export const userMessages = require('./user-messages');
diff --git a/src/actions/user-messages.js b/src/actions/user-messages.js
new file mode 100644
index 00000000..613ceb90
--- /dev/null
+++ b/src/actions/user-messages.js
@@ -0,0 +1,37 @@
+/*
+ This file is a part of libertysoil.org website
+ Copyright (C) 2016  Loki Education (Social Enterprise)
+
+ This program is free software: you can redistribute it and/or modify
+ it under the terms of the GNU Affero General Public License as published by
+ the Free Software Foundation, either version 3 of the License, or
+ (at your option) any later version.
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ GNU Affero General Public License for more details.
+
+ You should have received a copy of the GNU Affero General Public License
+ along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+// When updating the whole message chain.
+export const SET_USER_MESSAGES = 'SET_USER_MESSAGES';
+// When sending a new message.
+export const ADD_USER_MESSAGE = 'ADD_USER_MESSAGE';
+
+export function setUserMessages(userId, messages) {
+  return {
+    type: SET_USER_MESSAGES,
+    messages,
+    userId
+  };
+}
+
+export function addUserMessage(userId, message) {
+  return {
+    type: ADD_USER_MESSAGE,
+    message,
+    userId
+  };
+}
diff --git a/src/api/controller.js b/src/api/controller.js
index 93fe30eb..40aedff6 100644
--- a/src/api/controller.js
+++ b/src/api/controller.js
@@ -3314,6 +3314,16 @@ export default class ApiController {
           .orderBy('created_at', 'ASC');
       })
       .fetch();
+    await UserMessage.collection()
+      .query(qb => {
+        qb
+          .where({ sender_id: ctx.session.user, reciever_id: ctx.params.id })
+          // TODO: Replace with a single orWhere() when knex is upgraded from 0.10
+          .orWhere({ sender_id: ctx.params.id })
+          .andWhere({ reciever_id: ctx.session.user })
+          .orderBy('created_at', 'ASC');
+      })
+      .fetch();
 
     ctx.body = messages;
   }
diff --git a/src/components/tools/conversation.js b/src/components/tools/conversation.js
new file mode 100644
index 00000000..ef7a23fb
--- /dev/null
+++ b/src/components/tools/conversation.js
@@ -0,0 +1,105 @@
+/*
+ This file is a part of libertysoil.org website
+ Copyright (C) 2016  Loki Education (Social Enterprise)
+
+ This program is free software: you can redistribute it and/or modify
+ it under the terms of the GNU Affero General Public License as published by
+ the Free Software Foundation, either version 3 of the License, or
+ (at your option) any later version.
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ GNU Affero General Public License for more details.
+
+ You should have received a copy of the GNU Affero General Public License
+ along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+import React, { PropTypes } from 'react';
+
+import Avatar from '../user/avatar';
+import Time from '../time';
+import { Immutable as ImmutablePropType } from '../../prop-types/common';
+import { User as UserPropType } from '../../prop-types/users';
+
+
+function Message({ currentUser, selectedUser, message, hideAvatar = false }) {
+  const isMyMessage = message.get('sender_id') === currentUser.get('id');
+  let className = 'conversations_tool__message';
+  if (isMyMessage) {
+    className += ' conversations_tool__message-my';
+  } else {
+    className += ' conversations_tool__message-their';
+  }
+
+  let user = currentUser;
+  if (!isMyMessage) {
+    user = selectedUser;
+  }
+
+  return (
+    <div className={className}>
+      <Time className="conversations_tool__time" timestamp={message.get('created_at')} />
+      {!hideAvatar &&
+        <Avatar className="conversations_tool__avatar" size={32} user={user} />
+      }
+      {message.get('text')}
+    </div>
+  );
+}
+
+export default class Conversation extends React.Component<void, Props, void> {
+  static propTypes = {
+    currentUser: ImmutablePropType(UserPropType.isRequired),
+    messages: ImmutablePropType(PropTypes.shape({})),
+    selectedUser: ImmutablePropType(UserPropType)
+  };
+
+  handleSubmit = (e) => {
+    e.preventDefault();
+    this.props.onSend(this.props.selectedUser.get('id'), this.form.text.value);
+    this.form.text.value = '';
+  };
+
+  render() {
+    const {
+      currentUser,
+      messages,
+      selectedUser,
+    } = this.props;
+
+    if (!selectedUser) {
+      return null;
+    }
+
+    const messageElements = messages.map((message, index) => {
+      const hideAvatar = index > 0 && messages.getIn([index - 1, 'sender_id']) === message.get('sender_id');
+
+      return (
+        <Message
+          currentUser={currentUser}
+          hideAvatar={hideAvatar}
+          key={message.get('id')}
+          message={message}
+          selectedUser={selectedUser}
+        />
+      );
+    });
+
+    return (
+      <div>
+        <div className="conversations_tool__messages">
+          {messageElements}
+        </div>
+        <form ref={c => this.form = c} onSubmit={this.handleSubmit}>
+          <textarea
+            className="conversations_tool__input"
+            name="text"
+            placeholder={'Type your message here, hit "enter" or "Send" button'}
+          />
+          <input className="button button-red" type="submit" value="Send" />
+        </form>
+      </div>
+    );
+  }
+}
diff --git a/src/less/blocks/tools/conversations_tool.less b/src/less/blocks/tools/conversations_tool.less
new file mode 100644
index 00000000..dcf0e85e
--- /dev/null
+++ b/src/less/blocks/tools/conversations_tool.less
@@ -0,0 +1,77 @@
+/*
+ This file is a part of libertysoil.org website
+ Copyright (C) 2016  Loki Education (Social Enterprise)
+
+ This program is free software: you can redistribute it and/or modify
+ it under the terms of the GNU Affero General Public License as published by
+ the Free Software Foundation, either version 3 of the License, or
+ (at your option) any later version.
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ GNU Affero General Public License for more details.
+
+ You should have received a copy of the GNU Affero General Public License
+ along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+.conversations_tool {
+  &__messages {
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__message {
+    position: relative;
+    display: flex;
+    margin-bottom: 20px;
+    padding: 20px 20px 30px 20px;
+    align-items: center;
+    background-color: white;
+    border: 1px solid @color__gray;
+    max-width: 60%;
+    min-width: 170px; // to fit the time
+
+    &-my {
+      align-self: flex-end;
+      flex-flow: row-reverse;
+
+      > .conversations_tool__avatar {
+        margin-left: 10px;
+      }
+
+      > .conversations_tool__time {
+        right: 20px;
+      }
+    }
+
+    &-their {
+      align-self: flex-start;
+
+      > .conversations_tool__avatar {
+        margin-right: 10px;
+      }
+
+      > .conversations_tool__time {
+        left: 20px;
+      }
+    }
+  }
+
+  &__avatar {
+    align-self: flex-start;
+  }
+
+  &__input {
+    display: block;
+    width: 100%;
+    margin-bottom: 10px;
+  }
+
+  &__time {
+    position: absolute;
+    bottom: 2px;
+    color: @color__gray;
+    font-size: 13px;
+  }
+}
diff --git a/src/less/blocks/tools/tools_item.less b/src/less/blocks/tools/tools_item.less
index 260a6150..e9ee5b95 100644
--- a/src/less/blocks/tools/tools_item.less
+++ b/src/less/blocks/tools/tools_item.less
@@ -28,6 +28,10 @@
   &-selected {
     background: #FD9315;
     color: white;
+
+    > .tools_item__icon {
+      color: white;
+    }
   }
 
   &-clickable {
@@ -39,4 +43,8 @@
   &__child-padded {
     margin-left: @space;
   }
+
+  &__icon {
+    color: @color__gray;
+  }
 }
diff --git a/src/less/styles.less b/src/less/styles.less
index 3b6dad91..786d1cf6 100644
--- a/src/less/styles.less
+++ b/src/less/styles.less
@@ -129,6 +129,7 @@
 @import 'blocks/tools/tools_details';
 @import 'blocks/tools/schools_tool';
 @import 'blocks/tools/people_tool';
+@import 'blocks/tools/conversations_tool';
 @import 'blocks/v2/layout';
 @import 'blocks/form';
 @import 'blocks/sidebar';
diff --git a/src/pages/tools/conversations-tool.js b/src/pages/tools/conversations-tool.js
index 415997fa..696dff3e 100644
--- a/src/pages/tools/conversations-tool.js
+++ b/src/pages/tools/conversations-tool.js
@@ -19,7 +19,10 @@ import React from 'react';
 import { connect } from 'react-redux';
 import Helmet from 'react-helmet';
 import { Link } from 'react-router';
+import i from 'immutable';
 
+import ApiClient from '../../api/client';
+import { ActionsTrigger } from '../../triggers';
 import {
   Immutable as ImmutablePropType
 } from '../../prop-types/common';
@@ -31,10 +34,11 @@ import createSelector from '../../selectors/createSelector';
 import { setConversationsRiver } from '../../actions/tools';
 import { addUsers } from '../../actions/users';
 import { getUrl } from '../../utils/urlGenerator';
-import { URL_NAMES } from '../../config';
+import { API_HOST, URL_NAMES } from '../../config';
 
 import Avatar from '../../components/user/avatar';
 import Icon from '../../components/icon';
+import Conversation from '../../components/tools/conversation';
 
 
 class ConversationsToolPage extends React.Component {
@@ -58,25 +62,77 @@ class ConversationsToolPage extends React.Component {
     store.dispatch(addUsers(users));
   }
 
+  constructor(props) {
+    super(props);
+    this.state = {
+      selectedUserId: null
+    };
+    this.client = new ApiClient(API_HOST);
+    this.triggers = new ActionsTrigger(this.client, this.props.dispatch);
+  }
+
+  componentWillUnmount() {
+    clearInterval(this.timeoutId);
+  }
+
+  handleSelectUser = async (selectedUserId) => {
+    this.setState({ selectedUserId });
+    await this.updateMessages(selectedUserId);
+  };
+
+  handleSendMessage = async (userId, text) => {
+    this.triggers.sendMessage(userId, text);
+  };
+
+  updateMessages = async (selectedUserId) => {
+    clearTimeout(this.timeoutId);
+
+    if (selectedUserId) {
+      await this.triggers.updateUserMessages(selectedUserId);
+
+      this.timeoutId = setTimeout(this.updateMessages.bind(this, selectedUserId), 30 * 1000);
+    }
+  }
+
   render() {
     const {
+      current_user,
       conversations_river,
-      users
+      users,
+      user_messages
     } = this.props;
 
+    const currentUser = users.get(current_user.get('id'));
+    const selectedUser = users.get(this.state.selectedUserId);
+    const selectedUserMessages = user_messages.get(this.state.selectedUserId) || i.List();
+
+
     const followedUsers = conversations_river.map(id => users.get(id));
-    const userItems = followedUsers.map((user, index) => (
-      <div
-        className="tools_item layout-align_justify"
-        key={index}
-      >
-        <Link className="layout" to={getUrl(URL_NAMES.USER, { username: user.get('username') })}>
-          <Avatar size={23} user={user} />
-          <span className="tools_item__child-padded">{user.get('username')}</span>
-        </Link>
-        <Icon className="action" color="gray" icon="message" />
-      </div>
-    ));
+    const userItems = followedUsers.map((user, index) => {
+      const handleClick = () => this.handleSelectUser(user.get('id'));
+      const isSelected = this.state.selectedUserId === user.get('id');
+      let className = 'tools_item layout-align_justify';
+      if (isSelected) {
+        className += ' tools_item-selected';
+      }
+
+      return (
+        <div
+          className={className}
+          key={index}
+        >
+          <Link className="layout" to={getUrl(URL_NAMES.USER, { username: user.get('username') })}>
+            <Avatar size={23} user={user} />
+            <span className="tools_item__child-padded">{user.get('username')}</span>
+          </Link>
+          <Icon
+            className="tools_item__icon action"
+            icon="message"
+            onClick={handleClick}
+          />
+        </div>
+      );
+    });
 
     return (
       <div className="layout">
@@ -84,17 +140,30 @@ class ConversationsToolPage extends React.Component {
         <div className="tools_page__list_col">
           {userItems}
         </div>
+
+        <div className="tools_page__details_col">
+          <Conversation
+            currentUser={currentUser}
+            messages={selectedUserMessages}
+            selectedUser={selectedUser}
+            onSend={this.handleSendMessage}
+          />
+        </div>
       </div>
     );
   }
 }
 
 const selector = createSelector(
+  state => state.get('current_user'),
   state => state.getIn(['tools', 'conversations_river']), // for the list of followed users
   state => state.get('users'),
-  (conversations_river, users) => ({
+  state => state.get('user_messages'),
+  (current_user, conversations_river, users, user_messages) => ({
+    current_user,
     conversations_river,
-    users
+    users,
+    user_messages
   })
 );
 
diff --git a/src/store/index.js b/src/store/index.js
index 26c2e649..40bf28d2 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -51,7 +51,8 @@ import related_posts from './related_posts';
 import comments from './comments';
 import quotes from './quotes';
 import search from './search';
-import tools from './tools';
+import * as tools from './tools';
+import * as user_messages from './user_messages';
 
 export const theReducer = combineReducers(i.Map({
   routing: routerReducer,
@@ -85,7 +86,8 @@ export const theReducer = combineReducers(i.Map({
   comments,
   quotes,
   search,
-  tools
+  tools: tools.reducer,
+  user_messages: user_messages.reducer
 }));
 
 const initialState = i.Map({
@@ -139,7 +141,8 @@ const initialState = i.Map({
       schools: i.List([])
     })
   }),
-  tools: tools.initialState
+  tools: tools.initialState,
+  user_messages: user_messages.initialState
 });
 
 const browserHasDevTools = typeof window === 'object' && typeof window.devToolsExtension !== 'undefined';
diff --git a/src/store/tools.js b/src/store/tools.js
index b88fc56d..53942280 100644
--- a/src/store/tools.js
+++ b/src/store/tools.js
@@ -20,7 +20,7 @@ import i from 'immutable';
 import { tools } from '../actions';
 
 
-const initialState = i.fromJS({
+export const initialState = i.fromJS({
   schools_river: [],
   all_schools_loaded: false,
   schools_alphabet: [],
@@ -29,7 +29,7 @@ const initialState = i.fromJS({
   conversations_river: []
 });
 
-export default function reducer(state = initialState, action) {
+export function reducer(state = initialState, action) {
   switch (action.type) {
     case tools.TOOLS__ADD_SCHOOLS_TO_RIVER: {
       const ids = i.List(action.schools.map(school => school.id));
diff --git a/src/store/user_messages.js b/src/store/user_messages.js
new file mode 100644
index 00000000..e4894c26
--- /dev/null
+++ b/src/store/user_messages.js
@@ -0,0 +1,42 @@
+/*
+ This file is a part of libertysoil.org website
+ Copyright (C) 2016  Loki Education (Social Enterprise)
+
+ This program is free software: you can redistribute it and/or modify
+ it under the terms of the GNU Affero General Public License as published by
+ the Free Software Foundation, either version 3 of the License, or
+ (at your option) any later version.
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ GNU Affero General Public License for more details.
+
+ You should have received a copy of the GNU Affero General Public License
+ along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+import i from 'immutable';
+
+import { userMessages } from '../actions';
+
+
+// user_id => list of messages
+export const initialState = i.Map();
+
+export function reducer(state = initialState, action) {
+  switch (action.type) {
+    case userMessages.SET_USER_MESSAGES: {
+      state = state.set(action.userId, i.fromJS(action.messages));
+
+      break;
+    }
+
+    case userMessages.ADD_USER_MESSAGE: {
+      state = state.update(action.userId, messages => (messages || i.List()).push(i.fromJS(action.message)));
+
+      break;
+    }
+  }
+
+  return state;
+}
diff --git a/src/triggers/index.js b/src/triggers/index.js
index c68cea35..991903de 100644
--- a/src/triggers/index.js
+++ b/src/triggers/index.js
@@ -823,4 +823,22 @@ export class ActionsTrigger {
       this.dispatch(a.messages.addError(e.message));
     }
   }
+
+  sendMessage = async (userId, text) => {
+    try {
+      const message = await this.client.sendMessage(userId, text);
+      this.dispatch(a.userMessages.addUserMessage(userId, message));
+    } catch (e) {
+      this.dispatch(a.messages.addError(e.message));
+    }
+  }
+
+  updateUserMessages = async (userId) => {
+    try {
+      const messages = await this.client.userMessages(userId);
+      this.dispatch(a.userMessages.setUserMessages(userId, messages));
+    } catch (e) {
+      this.dispatch(a.messages.addError(e.message));
+    }
+  }
 }