Online Learning Mobile Template | Tailwind CSS | Vanilla JS | PWA Ready | 35+ Screens

Description

Education Online Course PWA is a modern and mobile-first Progressive Web App template designed specifically for online learning platforms, course marketplaces, and educational applications.

It provides a complete UI solution for building powerful e-learning systems with a clean design, smooth user experience, and app-like performance — all running directly in the browser.

Built with Tailwind CSS and Vanilla JavaScript, this template is lightweight, fast, and easy to customize with no heavy frameworks or dependencies.

✨ Main Features

• ✅ Progressive Web App (PWA Ready)
• ✅ Built with Tailwind CSS
• ✅ Pure Vanilla JavaScript (No jQuery, No Frameworks)
• ✅ 40+ Mobile App Screens
• ✅ Clean & Modern UI Design
• ✅ Fully Responsive (Mobile-First 430px)
• ✅ Course Listing & Details Pages
• ✅ Learning Progress Tracking UI
• ✅ Authentication Pages (Login, Signup, OTP, Reset Password)
• ✅ Dashboard & User Profile
• ✅ Wishlist / Bookmark System
• ✅ Toast Notification System
• ✅ Bottom Navigation (Mobile UX Optimized)
• ✅ SEO-Friendly & Semantic HTML5
• ✅ Easy to Customize Code Structure
• ✅ Cross-Browser Compatibility

Charts & Analytics

• Interactive charts powered by Chart.js
• Track user learning progress and performance

What You Get

• Full HTML Template Files
• CSS (Tailwind Compiled)
• JavaScript Files
• PWA Files (Manifest + Service Worker)
• Documentation

⚡ Quick Start

1. Extract the downloaded package
2. Open app.html
3. Run with Live Server (recommended)

No build process required. The template works out of the box.

PWA Features

• Installable on mobile devices
• Offline support enabled
• Fast loading and caching
• App-like user experience

Pages Included

• Splash Screen
• Onboarding
• Login / Signup
• Forgot Password
• OTP Verification
• Home Dashboard
• Course List
• Course Details
• Lesson View
• Progress Tracking
• Wishlist
• Profile
• Settings
• Notifications
• And many more…

Customization

• Colors via Tailwind configuration
• Layout and components
• Data handling (localStorage or API integration)

Technologies Used

• HTML5
• Tailwind CSS
• Vanilla JavaScript
• Chart.js

Notes

• Images are for preview purposes only and are not included in the download package
• This is a frontend template (no backend included)

Support

If you have any questions or need support, feel free to contact us via your ThemeForest profile.

⭐ Rating

If you like this template, please don’t forget to rate it ⭐⭐⭐⭐⭐

Eteach is a modern and powerful Online Education & Learning Management System (LMS) HTML template designed for educational institutions, online course platforms, and training centers. It offers a clean, professional, and highly flexible design that helps you create a complete e-learning website with ease.

Built with the latest web technologies, Eteach provides a smooth and engaging learning experience for students while making course management easier for instructors and administrators. The template is carefully crafted to ensure excellent usability, fast performance, and a fully responsive layout across all devices.

Whether you want to build an online course platform, e-learning marketplace, coaching center website, university portal, or training institute site, Eteach provides all the essential pages and components needed to launch a professional education platform.

With its intuitive layout, structured design system, and easy customization options, Eteach allows developers and businesses to create a fully functional online learning website quickly and efficiently.

Main Features

• 3 Unique Homepage Layouts
• 18+ Carefully Designed Inner Pages
• Clean, Modern & Professional Design
• Built with Latest Bootstrap Framework
• Valid HTML5 & CSS3 Code
• W3C Validated Markup
• Fully Responsive Layout (Mobile, Tablet & Desktop)
• Cross-Browser Compatible
• Smooth Animation & Modern UI Elements
• Easy to Customize & Developer Friendly
• Well Commented and Structured Code
• Google Fonts Included
• Font Awesome Icons Integrated
• Fast Loading and SEO Friendly Structure

Pages Included

• Home Page 01
• Home Page 02
• Home Page 03
• About Us
• Courses
• Course Details
• Instructor
• Instructor Details
• Events
• Event Details
• Blog Grid
• Blog Details
• FAQ
• Pricing
• Contact
• Login / Register
• Error Page
• And More

Images Credits

• Pexels
• Freepik

Images used in the preview are for demonstration purposes only and are not included in the download package.

Icons Used

• Font Awesome

What You Get

• HTML Template Files
• CSS Files
• JavaScript Files
• Documentation File
• Well Organized Source Code

Eteach is a modern and powerful Online Education & Learning Management System (LMS) HTML template designed for educational institutions, online course platforms, and training centers. It offers a clean, professional, and highly flexible design that helps you create a complete e-learning website with ease.

Built with the latest web technologies, Eteach provides a smooth and engaging learning experience for students while making course management easier for instructors and administrators. The template is carefully crafted to ensure excellent usability, fast performance, and a fully responsive layout across all devices.

Whether you want to build an online course platform, e-learning marketplace, coaching center website, university portal, or training institute site, Eteach provides all the essential pages and components needed to launch a professional education platform.

With its intuitive layout, structured design system, and easy customization options, Eteach allows developers and businesses to create a fully functional online learning website quickly and efficiently.

Main Features

• 3 Unique Homepage Layouts
• 18+ Carefully Designed Inner Pages
• Clean, Modern & Professional Design
• Built with Latest Bootstrap Framework
• Valid HTML5 & CSS3 Code
• W3C Validated Markup
• Fully Responsive Layout (Mobile, Tablet & Desktop)
• Cross-Browser Compatible
• Smooth Animation & Modern UI Elements
• Easy to Customize & Developer Friendly
• Well Commented and Structured Code
• Google Fonts Included
• Font Awesome Icons Integrated
• Fast Loading and SEO Friendly Structure

Pages Included

• Home Page 01
• Home Page 02
• Home Page 03
• About Us
• Courses
• Course Details
• Instructor
• Instructor Details
• Events
• Event Details
• Blog Grid
• Blog Details
• FAQ
• Pricing
• Contact
• Login / Register
• Error Page
• And More

Images Credits

• Pexels
• Freepik

Images used in the preview are for demonstration purposes only and are not included in the download package.

Icons Used

• Font Awesome

What You Get

• HTML Template Files
• CSS Files
• JavaScript Files
• Documentation File
• Well Organized Source Code

Eteach is a modern and powerful Online Education & Learning Management System (LMS) HTML template designed for educational institutions, online course platforms, and training centers. It offers a clean, professional, and highly flexible design that helps you create a complete e-learning website with ease.

Built with the latest web technologies, Eteach provides a smooth and engaging learning experience for students while making course management easier for instructors and administrators. The template is carefully crafted to ensure excellent usability, fast performance, and a fully responsive layout across all devices.

Whether you want to build an online course platform, e-learning marketplace, coaching center website, university portal, or training institute site, Eteach provides all the essential pages and components needed to launch a professional education platform.

With its intuitive layout, structured design system, and easy customization options, Eteach allows developers and businesses to create a fully functional online learning website quickly and efficiently.

Main Features

• 3 Unique Homepage Layouts
• 18+ Carefully Designed Inner Pages
• Clean, Modern & Professional Design
• Built with Latest Bootstrap Framework
• Valid HTML5 & CSS3 Code
• W3C Validated Markup
• Fully Responsive Layout (Mobile, Tablet & Desktop)
• Cross-Browser Compatible
• Smooth Animation & Modern UI Elements
• Easy to Customize & Developer Friendly
• Well Commented and Structured Code
• Google Fonts Included
• Font Awesome Icons Integrated
• Fast Loading and SEO Friendly Structure

Pages Included

• Home Page 01
• Home Page 02
• Home Page 03
• About Us
• Courses
• Course Details
• Instructor
• Instructor Details
• Events
• Event Details
• Blog Grid
• Blog Details
• FAQ
• Pricing
• Contact
• Login / Register
• Error Page
• And More

Images Credits

• Pexels
• Freepik

Images used in the preview are for demonstration purposes only and are not included in the download package.

Icons Used

• Font Awesome

What You Get

• HTML Template Files
• CSS Files
• JavaScript Files
• Documentation File
• Well Organized Source Code

Eteach is a modern and powerful Online Education & Learning Management System (LMS) HTML template designed for educational institutions, online course platforms, and training centers. It offers a clean, professional, and highly flexible design that helps you create a complete e-learning website with ease.

Built with the latest web technologies, Eteach provides a smooth and engaging learning experience for students while making course management easier for instructors and administrators. The template is carefully crafted to ensure excellent usability, fast performance, and a fully responsive layout across all devices.

Whether you want to build an online course platform, e-learning marketplace, coaching center website, university portal, or training institute site, Eteach provides all the essential pages and components needed to launch a professional education platform.

With its intuitive layout, structured design system, and easy customization options, Eteach allows developers and businesses to create a fully functional online learning website quickly and efficiently.

Main Features

• 3 Unique Homepage Layouts
• 18+ Carefully Designed Inner Pages
• Clean, Modern & Professional Design
• Built with Latest Bootstrap Framework
• Valid HTML5 & CSS3 Code
• W3C Validated Markup
• Fully Responsive Layout (Mobile, Tablet & Desktop)
• Cross-Browser Compatible
• Smooth Animation & Modern UI Elements
• Easy to Customize & Developer Friendly
• Well Commented and Structured Code
• Google Fonts Included
• Font Awesome Icons Integrated
• Fast Loading and SEO Friendly Structure

Pages Included

• Home Page 01
• Home Page 02
• Home Page 03
• About Us
• Courses
• Course Details
• Instructor
• Instructor Details
• Events
• Event Details
• Blog Grid
• Blog Details
• FAQ
• Pricing
• Contact
• Login / Register
• Error Page
• And More

Images Credits

• Pexels
• Freepik

Images used in the preview are for demonstration purposes only and are not included in the download package.

Icons Used

• Font Awesome

What You Get

• HTML Template Files
• CSS Files
• JavaScript Files
• Documentation File
• Well Organized Source Code

UniCamp is a premium Education LMS WordPress theme thoroughly researched and specially built for Universities, Colleges, and Schools. With UniCamp, the admin can create a fully information school website, build communities for the university along with fundamental LMS features including create, manage, and sell online courses, lessons control roles, organize educational events, etc.

Built with Elementor – The best WordPress page builder plugin.

Using Elementor in crafting pages, UniCamp comes with the most attractive and stunning design ever. Just simply click on the theme demo and think if you can bring this design to your school’s website. We built every page carefully in every single detail to ensure that’s how a modern university website looks like. 

Tutor LMS Pro – The most powerful LMS plugin

Powered by Tutor LMS Pro, UniCamp embraces all of the essential features for education websites that our EduMall had: Course Management System, Quiz Settings, Administration Options, Powerful Reports, etc. Furthermore, with Tutor LMS Pro, administrators can also monetize from the website by selling courses and get earnings through some popular online payment integrated with the website. 

Dedicated inner pages design

Specialized create for Universities, Colleges, and Schools, UniCamp provides users with all vital pages needed to deliver information from the school with impressive including Academics, Admission, Campus Life, Alumni, Research, etc. That fulfills the demand of every school’s owner when building a website.

BuddyPress Integration

BuddyPress is a necessary function for an educational website, especially for universities, colleges, schools. With BuddyPress, users can form their own community, a home for any groups, clubs, subjects, sports teams or other niche communities. It allows users to create a personal profile, have conversations with each other, make social connections, interact in groups, and much more. 

Create Education Events

Integrated with Events Manager plugin, the website admin can create online and offline events, and control every setting from event detail information to ticket selling.

Monetize by WooCommerce

With WooCommerce integration, the website’s admin can monetize from selling university’s souvenirs, artworks, books, etc., from digital to physical products. UniCamp enables users to manage money easily with advanced settings of earnings and withdrawal options. 

Online Payment

UniCamp provides users with multiple online payment methods. All types of users can experience seamless transactions when purchasing courses, products on the website via PayPal, E-Check or Bank Transfer.

Frontend Course Builder

Users can create course’s content, quizzes or add more instructors right in the frontend. Tutor plugin uses the drag and drop system for course builder. Users are able to assign tasks using the assignment feature, attach video and multimedia into the course, set course’s price…

Advanced Quiz Settings

Our advanced quiz settings enable you to select types of questions, set time limits, and many more. Powered by Tutor LMS Pro, UniCamp is equipped with 10 predefined question types including Image Matching, Image Answering, Matching, Ordering, Short Answer, Open-ended questions & essays, True or False, Single Choice, Multiple Choice, Fill in the Blanks.

Admin or instructors also can randomize and re-order questions, limit quiz attempts & answering time, and show the passing grades for quizzes.

Certificate Builder

You can choose from pre-designed certificate templates or customize your own certificate to match your university’s style.

Powerful Reports

All types of users will have powerful reports and analytics with advanced filters for courses enrolled, reviews, quiz attempts, sales… to keep track of the progress and make some necessary assessments and changes.

Material Attachments

The material attachments feature allows instructors to attach different types of files to courses and lessons. Instructors can upload audio, video, different documents to help learners have a better understanding about the course.

Earnings & Commission Allocation

Using Tutor LMS, the admin can set the commission percentage between admin and instructor, the fee deduction and manage the process with the time-based earning stats.

Withdrawal options

Manage withdrawals of all earnings from this eLearning platform. Setup your own minimum withdrawal amount and methods in the Tutor LMS withdrawal settings.

Course Ratings and Wishlist

Learners can rate the course they’ve enrolled in and it’s shown at the course preview. The course rating will help learners in making purchase decisions and help instructors to improve the course content based on the ratings.

UniCamp Key Features

• Tutor LMS Pro Integration
• Dedicated inner pages design
• Event Management
• Intuitive Course Builder
• Advanced Quiz Creator
• Unlimited Instructors
• Student & Instructor Dashboard
• Course Review
• Content Security
• Limit Quiz Attempts
• Automated Results
• Certificate Templates
• Powerful Reports
• Course Prerequisites
• Multimedia Attachments
• Email Notifications
• Assignment Submission
• Content Drip
• Grading System
• Monetize
• BuddyPress Integration
• WooCommerce Support
• Paid Membership Pro
• Restrict Content Pro
• Course Rating
• Course purchasing with PayPal, Bank Transfer
• Announcement
• One-time Purchase
• Filter by Categories
• Course Wishlist
• Cross-browser Compatibility
• Revolution Slider included
• Pixel-perfect & Responsive Layouts
• Google Fonts 
• FontAwesome icons
• WPML ready
• Powerful Theme Options
• Speed Optimization
• Custom 1-Click Demo Import
• Documentation included
• Tutorial Videos included
• Dedicated Support 

Luma Laravel allows you to quickly build a modern education and learning management system single-page application (SPA) using Vue and server-side routing and controllers powered by a backend running the latest Laravel.

Luma Laravel includes 48 Unique Education Page Designs and 100+ LMS Components expertly coded in Vue.js, covering anything you may need in your next Education Project.

The entire LMS User Interface is powered by Vue.js and uses Inertia.js to replace Vue Router and provide the data your application needs from Laravel controllers to all the LMS pages and Vue components.

We’re proud to be the first Elite author on Envato to provide a premium dashboard template with integration between Laravel, Inertia.js and Vue.js.

Quickly build modern single-page Vue apps using server-side routing and controllers with Luma Laravel & Inertia.js.

• Functional Register, Login, Forgot Password
• Inertia.js SPA + Laravel Routing
• Pure Vue.js User Interface with 48 Unique Pages all hooked to Inertia.js and 100+ Components
• RTL & SEO Optimized
• Built with Bootstrap Vue
• Styled with Bootstrap 4 SCSS/CSS
• Ultra Responsive

What’s New

Luma Laravel v1.0.1 – 28 Oct, 2020

Changes
- Add stylesheet preloading fallback for Firefox and other browsers without support for link[rel=preload]
- Fixed Browser Support via .babelrc and core-js@3 (last 2 versions of every major browser and IE >= 11)

Luma Laravel v1.0.0 – 26 Oct, 2020

- initial release

Edumy: Simple, elegant, extensive, professional.

Template features:

Images on preview are not included.

Please, don’t forget to rate this item

8 Home Pages

• Home v1
• Home v2
• Home v3
• Home v4
• Home v5
• Home v6
• Home v7
• Home v8

Courses Pages

• Course v1
• Course v2
• Course v3
• Course Single v1
• Course Single v2
• Course Single v3
• Instructors List
• Instructors Single

Shop Pages

• Shop List
• Shop Single
• Shop Cart
• Shop Checkout
• Shop Order

Dashboard Pages

• Dashboard
• My Courses
• Order
• Messages
• Review
• Bookmarks
• Add listing
• Settings

Blog Pages

• Blog List v1
• Blog List v2
• Blog List v3
• Blog Single

Other Pages

• Event List
• Event Single
• About
• Gallery
• Faq
• Login
• Register
• Membershıp
• 404
• Terms And Conditions
• Become a Teacher
• Elements
• Contact