Alix: Multi Purpose PWA Mobile App Template
Alix: Multi Purpose PWA Mobile App Template is premium cell Ui App. It is a Progressive Web App (PWA). It is designed utilizing Materiliaze Framework. It is trendy responsive front-end framework based mostly on Material Design. It is specifically designed to present your cell app a singular and chic look. It is straightforward to customise and coded in developer pleasant method.
It has strong integration of reusable UI elements and newest trending plugins. This template can be utilized for varied sorts of mission purposes. It comes with pre constructed 13 totally different cell 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 function app. Various area of interest based mostly internet app initiatives may be produced from this cell app. It makes this app a whole one cease resolution for all of your wants.
Major Features:
- Build utilizing Materialize CSS framework.
- Progressive Web App (PWA) Ready
- 250+ Inbuilt Demo Pages
- 15 Color Themes Included
- Light and Dark Mode
- Specially construct for small screens, however may be seen 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 function 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 internet app that makes use of trendy internet 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 rapidly to person interactions with silky easy animations and no janky scrolling.
Engaging – Feel like a pure app on the machine, with an immersive person expertise.
This new stage of high quality permits Progressive Web Apps to earn a spot on the person’s residence display screen.
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 totally different cell 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 function app. Various area of interest based mostly internet app initiatives may be produced from this cell app.
Prebuilt Themes
Alix: Multi Purpose PWA Mobile App Template comes with a number of prebuilt themes. This template has 15 totally different colour themes built-in. You can both use anybody theme or enable customers to vary as per their liking.
Light and Dark Modes
Alix: Multi Purpose PWA Mobile App Template may be seen as gentle and darkish mode. You can maintain each the variations in your mission or present solely as gentle or darkish. There is a icon in header to change between gentle and darkish mode.
Headers
Header prime bar has variety of variations on this template. There are principally 4 totally 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 may be configured in varied colours.
Footers
Footer has variety of variations on this template. There are principally 3 totally different footer layouts on this template. They are:
1. Centered Footer (default)
2. Left Aligned Footer
3. Minimal Footer
Also, Each above footer may be configured in varied colours.
Navigation Menu
Navigation Menu has variety of variations on this template. There are principally 3 totally different navigation menu kinds on this template. They are gentle menu, darkish menu and coloured menu.
Also, Each above menu kind may be configured in varied colours themes.
Charts – Graphical Representations
Alix Mobile App template is built-in with varied sorts of graphical representations. Charts like line, space, bar, stacked bar, scatter, donut, pie, funnel and many others. 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:
Home Pages
- Default Home Page
- Dashboard
- Ecommerce
- Events
- University
- Courses
- Profile
- Walkthrough
- Blog
- Social Media
- Welcome Page
- News
- Login
- Registration
Components
- Typography
- Expandables
- Colored Expandables
- Dropdowns
- Image Waves Effect
- Media Light Box
- Popout Expandables
- FullScreen Popups
- Message Popups
- Parallax
- Tabs
- Media Light Box – Grid Columns
- Feature Discovery
- Modals
- Parallax Grid Columns
- Colored Modals
- Colored Tabs
- Toast
- Tooltips
- Transparent Tabs
- Transparent Expandables
- Wave Buttons
- Swipable
- Grids
- Buttons
- Icons
- Icon Buttons & Dropdowns
- Color
- Responsive Grids
- Media
- Small Iconic Cards
- Shadow
- Tables
- Material Color Palette
- Badges
- Breadcrumbs
- Cards
- Tables Colored
- Icon with content material Services
- Iconic Feature Cards
- Message Cards
- Icon Tiles
- Collection
- Progress Bars
- Cards FAB & Actions
- Footer
- Animated Bars
- Footer Menu
- Pagination
- Pre Loader
- Blockquote
Inbuilt App Pages
- About Us
- Contact Us
- Pricing tables
- Invoice
- Clients
- Testimonials
- Search
- Blog Posts
- Single Blog
- Team
- Timeline
- FAQ
- Settings
Action Pages
- Subscribe
- User Profile Card
- Share
Site Access
- Login
- Registration
- Forgot Password
- Reset Password
- Welcome Screen
- Walkthrough
- App Lock Screen
- Offline web page
Error Pages
- 404 web page
- 500 web page
- 403 web page
- 405 web page
- 408 web page
- 503 web page
Carousels
- Single Column Carousel (Touch)
- Multi Column Carousel (Touch)
- 3D Carousel (Touch)
- Content Carousel (Touch)
- Fullscreen Carousel (Touch)
Gallery
- Single Column
- Grid 2 Column
- Full Width 2 Column
- Masonry 2 Column
- Circular 3 Column
- Masonry with Content 2 Column
Sliders
- Slider
- Fullscreen Slider
Date & Time Pickers
- Date Pickers
- Time Pickers
Form Inputs
- Text Inputs
- Input Validation
- Iconic Text Inputs
- Character Count Text Inputs
- Select
- Multiple Select
- Checkboxes
- Radio Buttons
- Range
- Advanced Range Inputs
- Range Color Picker
- Switches
- Chips
- Avatar Chips
- Input Chips
Graphical Charts
- Bar Charts
- Stacked Bar Charts
- Line Charts
- Area Charts
- Scatter Charts
- Pie charts
- Donut charts
- Gauge Charts
- Funnel charts
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
- Full Width
- Grid 2 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
- Content 2 Column Blog
- View Blog
- Add Comment
- Subscribe Blog
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
- Grid with Content 2 Column
- Masonry with Content 2 Column
- Full Width with Title
- Grid with Title 2 Column
- Masonry with Title 2 Column
News App
- News Home Page
- Small Style News
- Masonry 2 Column News
- News Content model
- 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
Online Courses App
- Courses Home Page
- Courses (Grid View)
- Courses (Single Column)
- Courses (List View)
- Wishlist
- Courses Cart
- Invoice
- Courses Category
- Courses FAQ
- Payment Successful
- Course Details
University App
- University Home Page
- University Testimonials
- Contact University
- University Departments
- Students
- Teachers
- University Gallery
Chat & Messaging App
- Messages
- Chat
- Chat Rooms
- Group Chat
- Video Call
Mailbox App
- Mail Box
- Mail Compose
- Mail View
Contacts app
- Contacts
- Add new contact
- Edit contact
- Phone Call
Payment & Wallet App
- Transactions
- Credits
- Debits
- Make Payment
- Pay Bills
Fonts
Free Google Fonts are used on this template. Google Font “Raleway” is built-in. It may be simply substitute with every other font of your alternative.
Fonts Icons
Material Design Font icons are used on this mission. They are clear, crisp and vector based mostly fonts.
Detailed Documentation
Alix cell app template has an in depth documentation included. All the settings concerning headers, footers, Menu, PWA, UI, Components, themes, website mode, set up and many others. are defined intimately with correct screenshots.
Updates
1.1 - fifteenth Aug 2021 - UPDATE: Added CSS variables darkish colour - UPDATE: Added directions for default app settings in documentation - UPDATE: Documentation model 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 - UPDATE: Moved web page preloader code to separate file preloader.js - UPDATE: Moved PWA code to separate file pwa.js 1.0 - 26 October 2020 - Initial Release