diff --git a/Backend/mocked-services/src/main/resources/static/html/mock.html b/Backend/mocked-services/src/main/resources/static/html/mock.html
index a908ea5..6f0abf8 100644
--- a/Backend/mocked-services/src/main/resources/static/html/mock.html
+++ b/Backend/mocked-services/src/main/resources/static/html/mock.html
@@ -167,7 +167,7 @@
                         </div>
                     </div> -->
                 </div>
-                <div class="max-width centered-content small-vertical-margin">
+                <div id="new-tile" class="max-width centered-content small-vertical-margin">
                     <button id="btn-newtile" class="modification-button btn-addtile"><i class="icon-plus"></i></button>
                 </div>
             </div>
@@ -190,6 +190,18 @@
                         <p>To save message, the message must be changed!</p>
                     </div>
                 </div>
+                <div class="large-vertical-margin">
+                    <div id="btn-newTileTip" class="tip">
+                        <h3>Add new message</h3>
+                        <p>This button adds new message.</p>
+                    </div>
+                </div>
+                <div class="large-vertical-margin">
+                    <div id="messagesTip" class="tip">
+                        <h3>Message</h3>
+                        <p>This is saved messages, with unique id.</p>
+                    </div>
+                </div>
                 <div class="large-vertical-margin">
                     <div id="httpStatusTip" class="tip">
                         <h3>Http Status</h3>
diff --git a/Backend/mocked-services/src/main/resources/static/js/uianimation.js b/Backend/mocked-services/src/main/resources/static/js/uianimation.js
index e375856..d80f6db 100644
--- a/Backend/mocked-services/src/main/resources/static/js/uianimation.js
+++ b/Backend/mocked-services/src/main/resources/static/js/uianimation.js
@@ -118,4 +118,14 @@ $('#headerValueInput').focusout(function(){focusOutTip('newHeaderTip')});
 $('#btnSave').mouseover(function(){showTip('btnSaveTip');});
 $('#btnSave').focusin(function(){focusInTip('btnSaveTip')});
 $('#btnSave').mouseleave(function(){hidTip('btnSaveTip')});
-$('#btnSave').focusout(function(){focusOutTip('btnSaveTip')});
\ No newline at end of file
+$('#btnSave').focusout(function(){focusOutTip('btnSaveTip')});
+
+$('#new-tile').mouseover(function(){showTip('btn-newTileTip');});
+$('#new-tile').focusin(function(){focusInTip('btn-newTileTip')});
+$('#new-tile').mouseleave(function(){hidTip('btn-newTileTip')});
+$('#new-tile').focusout(function(){focusOutTip('btn-newTileTip')});
+
+$('#listItems').mouseover(function(){showTip('messagesTip');});
+$('#listItems').focusin(function(){focusInTip('messagesTip')});
+$('#listItems').mouseleave(function(){hidTip('messagesTip')});
+$('#listItems').focusout(function(){focusOutTip('messagesTip')});
\ No newline at end of file