Odis：多目的PWAモバイルアプリテンプレートはプレミアムモバイルUIアプリです。プログレッシブウェブアプリ（PWA）です。MateriliazeFrameworkを使用して設計されています。これは、マテリアルデザインに基づく最新のレスポンシブフロントエンドフレームワークです。モバイルアプリにユニークでエレガントな外観を与えるように特別に設計されています。開発者にとって使いやすい方法でカスタマイズおよびコーディングするのは簡単です。再利用可能なUIコンポーネントと最新のトレンドプラグインがしっかりと統合されています。このテンプレートは、さまざまなタイプのプロジェクトアプリケーションに使用できます。ビルド済みの13種類のモバイルアプリが付属しています。次のアプリが組み込まれています：ソーシャルメディアアプリ、eコマースアプリ、ブログアプリ、ポートフォリオアプリ、大学アプリ、オンラインコースアプリ、支払いと支払い ウォレットアプリ、ニュースアプリ、イベントアプリ、チャット＆amp; メッセージング
Odis：多目的PWAモバイルアプリテンプレートはプレミアムモバイルUIアプリです。プログレッシブウェブアプリ（PWA）です。MateriliazeFrameworkを使用して設計されています。これは、マテリアルデザインに基づく最新のレスポンシブフロントエンドフレームワークです。モバイルアプリにユニークでエレガントな外観を与えるように特別に設計されています。開発者にとって使いやすい方法でカスタマイズおよびコーディングするのは簡単です。
再利用可能なUIコンポーネントと最新のトレンドプラグインがしっかりと統合されています。このテンプレートは、さまざまなタイプのプロジェクトアプリケーションに使用できます。ビルド済みの13種類のモバイルアプリが付属しています。次のアプリが組み込まれています：ソーシャルメディアアプリ、eコマースアプリ、ブログアプリ、ポートフォリオアプリ、大学アプリ、オンラインコースアプリ、支払いとウォレットアプリ、ニュースアプリ、イベントアプリ、チャットとメッセージングアプリ、メールボックスアプリ、連絡先アプリ、汎用アプリ。このモバイルアプリから、さまざまなニッチベースのWebアプリプロジェクトを作成できます。それはこのアプリをあなたのすべてのニーズのための完全なワンストップソリューションにします。
主な機能：
- マテリアライズCSSフレームワークを使用してビルドします。
- プログレッシブウェブアプリ（PWA）対応
- 250以上の組み込みデモページ
- 15の配色が含まれています
- ライトモードとダークモード
- 小さな画面用に特別に構築されていますが、大きな画面でも表示できます
- 4つの異なるヘッダーレイアウト
- 3つの異なるフッターレイアウト
- 明るい、暗い、色付きのナビゲーションメニュースタイル
- さまざまな種類のポートフォリオ
- さまざまな種類のブログ
- マテリアルフォントアイコン
- Google Fonts
- 詳細なドキュメント
- ユーザーインターフェイスとユーティリティコンポーネント
- グラフィカル表現用のチャートライブラリ
- カレンダーとイベントアプリ
- ニュースアプリ
- ソーシャルメディアアプリ
- eコマースアプリ
- ブログアプリ
- ポートフォリオアプリ
- 大学のアプリ
- オンラインコースアプリ
- ペイメント＆ウォレットアプリ
- ニュースアプリ
- イベントアプリ
- チャット＆メッセージングアプリ
- メールボックスアプリ
- 連絡先アプリ
- 汎用アプリ
- プロファイル管理モジュール
- クイックリンクの下部メニューを修正
- 超高速で軽量
- 開発者に優しいようにコード化
- 多目的で幅広いページ
- 有名なマテリアルデザインUI
- プレミアムでエレガントなテンプレート
- サイトアクセスとエラーページセクション
- 連絡先、メッセージ、通知モジュール
- メールボックスモジュール
- さまざまなモバイルサイトの内部ページ
- さまざまな入力フォームとコンポーネント
- 完全なモバイルUIアプリ
- Excellent Support
- Cross Browser Compatible
Progressive Web App (PWA)
A Progressive Web App (PWA) is a web app that uses modern web capabilities to deliver an app-like experience to users.
Progressive Web Apps are user experiences that have the reach of the web, and are:
Reliable – Load instantly and never show the downasaur, even in uncertain network conditions.
Fast – Respond quickly to user interactions with silky smooth animations and no janky scrolling.
Engaging – Feel like a natural app on the device, with an immersive user experience.
This new level of quality allows Progressive Web Apps to earn a place on the user’s home screen.
You can read more about PWA here: https://developers.google.com/web/progressive-web-apps
Pre built Mobile Apps
It comes with pre built 13 different mobile 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 general purpose app. Various niche based web app projects can be made from this mobile app.
Prebuilt Color Schemes
Odis: Multi Purpose PWA Mobile App Template comes with multiple prebuilt color schemes. This template has 15 different color schemes integrated. You can either use anyone scheme or allow users to change as per their liking.
Light and Dark Modes
Odis: Multi Purpose PWA Mobile App Template can be viewed as light and dark mode. You can keep both the versions in your project or show only as light or dark. There is a icon in header to switch between light and dark mode.
Header top bar has number of variations in this template. There are basically 4 different header layouts in this template. They are:
1. Centered Header (default)
2. Left Aligned Header
3. Right Aligned Header
4. App Style Header
Also, Each above header can be configured in various colors.
Footer has number of variations in this template. There are basically 3 different footer layouts in this template. They are:
1. Centered Footer (default)
2. Left Aligned Footer
3. Minimal Footer
Also, Each above footer can be configured in various colors.
Navigation Menu has number of variations in this template. There are basically 3 different navigation menu styles in this template. They are light menu, dark menu and colored menu.
Also, Each above menu type can be configured in various colors schemes.
Charts – Graphical Representations
Odis Mobile App template is integrated with various types of graphical representations. Charts like line, area, bar, stacked bar, scatter, donut, pie, funnel etc. are configured in this template.
Echarts library is integrated for graphical representations in this template. You can extend or configure it as per your need.
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
- 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 page
App Access
- Login
- Registration
- App Lock Screen
- Reset Password
- Forgot Password
Actions
- User Profile Card
- Subscribe
- Settings
- Share
Error Pages
- 404 page
- 500 page
- 403 page
- 405 page
- 408 page
- 503 page
Gallery
- Grid 2 Column
- Single Column
- Masonry 2 Column
- Masonry 3 Column
- Full Width 2 Column
- Full Width 3 Column
- Circular with content 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
Features
- Tabs
- Media Light Box – Grid Columns
- Modals
- Colored Modals
- Colored Tabs
- Cards FAB & Actions
- Footer
- Expandables
- Small Iconic Cards
- Cards
- Icon with content 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 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 style
- 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 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
- Add new contact
- Edit contact
- Phone Call
Mailbox App
- Mail Box
- Mail Compose
- Mail View
Fonts
Free Google Fonts are used in this template. Google Font “Oswald” and “Roboto” are integrated. It can be easily replace with any other font of your choice.
Fonts Icons
Material Design Font icons are used in this project. They are clean, crisp and vector based fonts.
Detailed Documentation
Odis mobile app template has a detailed documentation included. All the settings regarding headers, footers, Menu, PWA, UI, Components, color schemes, site mode, installation etc. are explained in detail with proper screenshots.
Images
All images in demo are replaced with placeholder images in downloaded package.
ja
vi
en
