Odis: PWA Mobile App (Progressive Web App)

Odis: Multi Purpose PWA Mobile App Template is premium cellular Ui App. It is a Progressive Web App (PWA). It is designed utilizing Materiliaze Framework. It is fashionable responsive front-end framework primarily based on Material Design. It is specifically designed to offer your cellular app a singular and chic look. It is simple to customise and coded in developer pleasant method.

It has stable integration of reusable UI parts and newest trending plugins. This template can be utilized for varied forms of mission purposes. It comes with pre constructed 13 completely different cellular apps. Following apps are inbuilt: Social Media app, Ecommerce app, Blog app, Portfolio app, University app, Online Courses app, Payment & Wallet app, News app, Events app, Chat & Messaging app, Mailbox app, Contacts app and normal objective app. Various area of interest primarily based net app tasks might be constituted of this cellular app. It makes this app an entire one cease answer for all of your wants.

Major Features:

Build utilizing Materialize CSS framework.
Progressive Web App (PWA) Ready
250+ Inbuilt Demo Pages
15 Color Schemes Included
Light and Dark Mode
Specially construct for small screens, however might be considered on giant screens as nicely
4 Different Header Layouts
3 Different Footer Layouts
Light, darkish and coloured Navigation Menu Styles
Various Types of Portfolios
Various Types of Blogs
Material Font Icons
Google Fonts
Detailed Documentation
User Interface and Utility Components
Charts library for Graphical Representations
Calendar and Event App
News App
Social Media app
Ecommerce app
Blog app
Portfolio app
University app
Online Courses app
Payment & Wallet app
News app
Events app
Chat & Messaging app
Mailbox app
Contacts app
General objective app
Profile Management Module
Fixed Bottom Menu for fast hyperlinks
Super Fast and Light Weight
Coded to be developer pleasant
Multi Purpose and Wide Range of pages
Famous Material Design UI
Premium and Elegant Template
Site Access and Error Pages Section
Contacts, Messages, Notification Modules
Mailbox Module
Various Mobile Site Inner Pages
Various Input Forms and Components
Complete Mobile UI App
Excellent Support
Cross Browser Compatible

Progressive Web App (PWA)

A Progressive Web App (PWA) is an online app that makes use of fashionable net capabilities to ship an app-like expertise to customers.

Progressive Web Apps are person experiences which have the attain of the net, and are:

Reliable – Load immediately and by no means present the downasaur, even in unsure community circumstances.

Fast – Respond shortly to person interactions with silky easy animations and no janky scrolling.

Engaging – Feel like a pure app on the system, with an immersive person expertise.

This new stage of high quality permits Progressive Web Apps to earn a spot on the person’s dwelling display.

You can learn extra about PWA right here: https://developers.google.com/web/progressive-web-apps

Pre constructed Mobile Apps

It comes with pre constructed 13 completely different cellular apps. Following apps are inbuilt: Social Media app, Ecommerce app, Blog app, Portfolio app, University app, Online Courses app, Payment & Wallet app, News app, Events app, Chat & Messaging app, Mailbox app, Contacts app and normal objective app. Various area of interest primarily based net app tasks might be constituted of this cellular app.

Prebuilt Color Schemes

Odis: Multi Purpose PWA Mobile App Template comes with a number of prebuilt coloration schemes. This template has 15 completely different coloration schemes built-in. You can both use anybody scheme or enable customers to vary as per their liking.

Light and Dark Modes

Odis: Multi Purpose PWA Mobile App Template might be considered as mild and darkish mode. You can maintain each the variations in your mission or present solely as mild or darkish. There is a icon in header to modify between mild and darkish mode.

Headers

Header prime bar has variety of variations on this template. There are mainly 4 completely different header layouts on this template. They are:

1. Centered Header (default)
2. Left Aligned Header
3. Right Aligned Header
4. App Style Header

Also, Each above header might be configured in varied colours.

Footers

Footer has variety of variations on this template. There are mainly 3 completely different footer layouts on this template. They are:

1. Centered Footer (default)
2. Left Aligned Footer
3. Minimal Footer

Also, Each above footer might be configured in varied colours.

Navigation Menu has variety of variations on this template. There are mainly 3 completely different navigation menu kinds on this template. They are mild menu, darkish menu and coloured menu.

Also, Each above menu sort might be configured in varied colours schemes.

Charts – Graphical Representations

Odis Mobile App template is built-in with varied forms of graphical representations. Charts like line, space, bar, stacked bar, scatter, donut, pie, funnel and so forth. are configured on this template.

Echarts library is built-in for graphical representations on this template. You can prolong or configure it as per your want.

Inbuilt Pages:

Welcome Pages

Home Page
Profile
Social Media
Blog
Ecommerce
Dashboard
Login
Walkthrough
Registration
Welcome Page
News
Events
University
Courses

UI

Typography
Media
Shadow
Buttons
Parallax
Dropdowns
Icons
Grids
Material Color Palette
Progress Bars
Badges
Tables
Icon Buttons & Dropdowns
Blockquote
Responsive Grids
Tables Colored
Pagination
Wave Buttons
Collection
Animated Bars

Form Inputs

Text Inputs
Date Pickers
Time Pickers
Switches
Select
Chips
Radio Buttons
Range
Input Validation
Range Color Picker
Iconic Text Inputs
Character Count Text Inputs
Multiple Select
Avatar Chips
Checkboxes
Input Chips
Advanced Range Inputs

Graphs & Charts

Line Charts
Pie charts
Area Charts
Bar Charts
Donut charts
Funnel charts
Stacked Bar Charts
Gauge Charts
Scatter Charts

Company

Welcome Screen
Walkthrough
Pricing tables
Invoice
Search
Team
Timeline
Clients
Testimonials
About Us
FAQ
Contact Us
Offline web page

App Access

Login
Registration
App Lock Screen
Reset Password
Forgot Password

Actions

User Profile Card
Subscribe
Settings
Share

Error Pages

404 web page
500 web page
403 web page
405 web page
408 web page
503 web page

Gallery

Grid 2 Column
Single Column
Masonry 2 Column
Masonry 3 Column
Full Width 2 Column
Full Width 3 Column
Circular with content material 1 Column
Full Width Masonry 2 Column
Full Width Masonry 3 Column
Full Width
Grid 3 Column
Full Width with Content
Circular 2 Column
Circular 3 Column
Grid with Title 2 Column
Masonry with Title 2 Column
Masonry with Content 2 Column
Full Width with Title

Carousels

Single Column Carousel (Touch)
Multi Column Carousel (Touch)
3D Carousel (Touch)
Content Carousel (Touch)
Fullscreen Carousel (Touch)

Sliders

Slider
Fullscreen Slider

Features

Tabs
Media Light Box – Grid Columns
Modals
Colored Modals
Colored Tabs
Cards FAB & Actions
Footer
Expandables
Small Iconic Cards
Cards
Icon with content material Services
Pre Loader
Image Waves Effect
Toast
Colored Expandables
Icon Tiles
Transparent Expandables
Swipable
Media Light Box
Popout Expandables
Parallax Grid Columns
Footer Menu
Message Popups
Tooltips
Iconic Feature Cards
FullScreen Popups
Message Cards

Account

Social Network
Activity
Activity Carousel
Friends
Friends Carousel
Friend Requests
Add Friends
Followers
Following
Timeline
All Users
Notifications
Profile
Edit Profile
Messages
Chat
Contacts
Mail Box
Transactions
Event Calendar
Courses Home Page
Ecommerce Home Page
Shopping Cart
Invoice

Social Media App

Social Media Home Page
Activity
Notifications
Profile
Edit Profile
Friends
Friend Requests
Add Friends
Followers
Following
All Users
Timeline

Ecommerce App

Ecommerce Home Page
Products (Grid View)
Products (Single Column)
Products (List View)
Products (List Right View)
Wishlist
Products Category
Shopping Cart
Invoice
Shopping FAQ
Shipping
Payment Successful
Product Details

Blogs App

Blog Home Page
Single Column
Masonry 2 Column
Small Style Blog
Medium Style Blog
Small Right Aligned Blog
Medium Right Aligned Blog
Alternate Small Blog
Alternate Medium Blog
Title Only Blog
Content Blog
View Blog
Add Comment
Subscribe Blog

News App

News Home Page
Small Style News
Masonry 2 Column News
News Content fashion
Single Column News
News Category
News Full Story
Share News
Subscribe Newsletter

Events App

Events Home Page
All Events
Event Calendar
View Event Details
Book Event
Add New Event
Edit Event
Event Timeline

Courses App

Courses Home Page
Courses 2 Column
Courses (Single Column)
Courses (List View)
Wishlist
Courses Cart
Invoice
Courses Category
Courses FAQ
Payment Successful
Course Details

Portfolio App

Single Column
Full Width
Grid 2 Column
Grid 3 Column
Full Width 2 Column
Full Width 3 Column
Masonry 2 Column
Masonry 3 Column
Full Width Masonry 2 Column
Full Width Masonry 3 Column
Circular with content material 1 Column
Circular 2 Column
Circular 3 Column
Full Width with Content
Masonry with Content 2 Column
Full Width with Title
Grid with Title 2 Column
Masonry with Title 2 Column

Chat & Messaging App

Messages
Chat
Chat Rooms
Group Chat
Video Call

Payment & Wallet App

Transactions
Credits
Debits
Make Payment
Pay Bills

University App

University Home Page
University Testimonials
Contact University
University Departments
Students
Teachers
University Gallery

Contacts App

Contacts
Add new contact
Edit contact
Phone Call

Mailbox App

Mail Box
Mail Compose
Mail View

Fonts

Free Google Fonts are used on this template. Google Font “Oswald” and “Roboto” are built-in. It might be simply substitute with every other font of your selection.

Fonts Icons

Material Design Font icons are used on this mission. They are clear, crisp and vector primarily based fonts.

Detailed Documentation

Odis cellular app template has an in depth documentation included. All the settings relating to headers, footers, Menu, PWA, UI, Components, coloration schemes, web site mode, set up and so forth. are defined intimately with correct screenshots.

Images

All photographs in demo are changed with placeholder photographs in downloaded package deal.

Updates

1.1 - fifteenth Aug 2021
  - UPDATE: Added CSS variables darkish coloration
  - UPDATE: Added directions for default app settings in documentation
  - UPDATE: Documentation fashion up to date
  - UPDATE: Used .on() occasion binding in echarts
  - UPDATE: Used strict equality comparability in app.js (=== as an alternative of ==) 
  - UPDATE: Used .on() occasion binding in app.js
  - UPDATE: Used strict equality comparability in calendar.js (=== as an alternative of ==) 
  - UPDATE: Removed unused code

1.0 - 26 October 2020
  - Initial Release

LIVE PREVIEW BUY FOR $24