A
Anonymous

Responsive Email Inbox with Bootstrap 3

I need an email inbox made with html, bootstrap 3 and javascript (you can use jquery), it should consist of 3 columns, the first to list different email accounts and their folders, the second to show the emails inside the folders and the third to display the content of the email. Above the first column, there should be a button to compose a new email and a modal window should open with the typical fields to compose an email: from, to, copy, blind copy, subject, message... the message should be a WYSIWYG textarea type. Also, within this first column, I want to host several email accounts, which can be displayed (you can use jquery to make the dropdowns) and within those dropdowns, list their folders to then select them and load the list of emails in the second column. On the second column, I would need a search bar and pagination for the list of emails (you can make it with buttons to make it look nice), the list, I would also need to be able to select one or more emails using a checkbox to perform actions with them (delete, mark as read...) these buttons must be below the search bar with a little margin to separate them from the search bar, 3px will be enough. On the third column, I need the typical buttons to manage an email: reply, forward, forward to all, mark as read/unread, delete, move... in this last button, I need all the folders of the selected email account to be loaded, I think in bootstrap 3 you can do this with a tooltip. I need all the columns to have a fixed height and with scroll.

Prompt
Component Preview

About

Build a feature-rich email inbox interface using Bootstrap 3, HTML, and JavaScript. Includes multiple accounts, folders, email list, and email content with full management options.

Share

Last updated 1 month ago