Email Application

Email is a very popular way of communicating with others over the Internet. An application that allows users to send, receive, and read email is called an email client.

Required Template Specific Files:
<link rel="stylesheet" href="app-email.css">
<script src="app-email.js"></script>

Refer following link for the example:

Type URL
Template Page path-to-apex-page/app-email.html

Chat Application

Messaging or the use of chat apps are surging in popularity these days as people prefer chat-based apps over text messages as it provides real-time interactions and gives them a personal touch experience.

Required Template Specific Files:
<link rel="stylesheet" href="app-chat.css">
<script src="app-chat.js"></script>

Refer following link for the example:

Type URL
Template Page path-to-apex-page/app-chat.html

Task Board Application

Task Board is maintained by developers, editors, writers, reviewers or readers like you as a way to focus your collaborative efforts. As such, they represent a tentative consensus that helps improve the efficiency of the editing process.

1. Required Vendor files
<link rel="stylesheet" href="dragula.min.css">
<script src='dragula.min.js'></script>
2. Required Template Specific files:
<link rel="stylesheet" href="app-taskboard.css">
<script src="app-taskboard.js"></script>

We have used Dragula plugin to drag and drop the tasks. For detailed information, visit here.

Refer following link for the example:

Type URL
Template Page path-to-apex-page/app-taskboard.html

Calendar Application

FullCalendar is great for displaying events, but it isn't a complete solution for event content-management. Beyond dragging an event to a different time/day, you cannot change an event's name or other associated data. It is up to you to add this functionality through FullCalendar's API.

1. Required Vendor Css files
<link rel="stylesheet" href="fullcalendar.min.css">
<link rel="stylesheet" href="daygrid.min.css">
<link rel="stylesheet" href="timegrid.min.css">
2. Required Vendor Js files
<script src="fullcalendar.min.js"></script>
<script src="moment.min.js"></script>
<script src="daygrid.min.js"></script>
<script src="timegrid.min.js"></script>
<script src="interactions.min.js"></script>
<script src="jquery-ui.min.js"></script>
3. Required Template Specific Files:
<link rel="stylesheet" href="app-calendar.css">
<script src="app-calendar.js"></script>

Refer following links for the example: