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 ⭐⭐⭐⭐⭐

Highlighted Features:

✅ Buy One Time & Get Free Updates Forever.


✅ 7 Demo Home Pages

✅ 105+ Awesome Inner Pages.

✅ Instructor & Student Dashboards

✅ 6+ Different Header Variations.

✅ 5+ Different Footer Variations.

✅ 14+ Course Card

✅ 65+ Elements

✅ E-commerce Page

✅ More Demo Coming Soon.



Education & Online Courses NextJs Template | iStudy



The “iStudy – Education & Online Courses NextJs Template” is a modern and highly adaptable Next.js template, specifically
crafted for educational institutions and online learning platforms. Built with the latest version of Next.js (v15) and
utilizing the latest version of Bootstrap, the template uses a 1320px grid system to ensure a responsive and sleek
design that performs seamlessly across all devices and screen sizes.

Key features include multiple header styles, advanced customization options, and integration capabilities with
various educational tools and plugins. These features support e-commerce functions, such as course enrollment and
management, making it a comprehensive solution for modern educational platforms. Additionally, the template includes
dedicated dashboards for both instructors and students, enabling seamless course management, progress tracking, and
enhanced user experience.

Whether you’re running a playful learning environment for young children, a spiritual education platform for Quranic
studies, or a professional language teaching academy, iStudy provides a perfect design to suit your needs.



Why Choose iStudy?

• Modern & Clean Design: A visually appealing interface that enhances user engagement and offers a seamless
  browsing experience.

• Highly Customizable: Tailor every element to align with your brand’s vision and create a personalized
  platform.

• Comprehensive Feature Set: Includes all the essential tools for course creation, management, and sales,
  enabling a smooth educational workflow.

• Easy to Use: Intuitive tools that make customization simple and accessible, even for those with minimal
  technical experience.

• Pixel-Perfect Precision: Every design detail is crafted with utmost care to ensure a flawless and
  professional finish.



Instructor Dashboard Pages

Empower educators with a comprehensive instructor dashboard featuring:

• Profile management
• Enrolled courses tracking
• Wishlist functionality
• Review submissions
• My quiz attempts overview
• Order history tracking
• Course management (announcements, assignments, settings) & more

Student Dashboard Pages

Streamline student experiences with a dedicated dashboard that includes:

• Enrollment tracking
• Progress monitoring
• Wishlist integration
• Quiz performance analytics
• Assignment access
• Personalized settings & more

Features Overview

• Next.js (v15):
  
  Next.js is the leading React framework, offering an optimized, feature-rich environment for building modern
  web applications. This project utilizes the latest version of Next.js (v15), leveraging its advanced capabilities
  such as App Routing and automatic performance optimizations.

• React (v18):
  
  React is a popular JavaScript library for building interactive user interfaces. React v18 offers improved rendering
  performance and enhanced concurrent features, ensuring a smoother user experience.

• TypeScript:
  
  TypeScript extends JavaScript by adding static types, ensuring better code quality and a smoother developer
  experience, reducing runtime errors during development.

• Redux Toolkit:
  
  A powerful state management library that simplifies Redux development with built-in support for reducers, actions, and async logic.

• Next Image:
  
  Next.js’s image optimization feature, `next/image`, ensures faster load times by automatically optimizing
  images for better performance across different devices and screen sizes.

• Bootstrap 5.3 Framework:
  
  Built with Bootstrap 5.3, a leading framework for responsive and mobile-first web development. This ensures
  your project looks great on all screen sizes while maintaining a consistent and clean design.

• Responsive Layout Design:
  
  The template is optimized for all screen sizes, from mobile to desktop, ensuring a seamless and adaptive user
  experience across devices.

• Developer-Friendly Code:
  
  With clean, well-documented, and modular code, the Piland template is designed to be easy to understand and
  extend, making development smooth for any developer.

• Modern Technologies:
  
  Built with the latest versions of React, Next.js, TypeScript, and Redux, this project ensures robust
  performance, scalability, and ease of development.

• User-Friendly Navigation:
  
  The intuitive navigation design makes it easy for users to interact with the platform, enhancing overall user
  satisfaction.

• Sass (SCSS):
  
  The project is styled with SCSS, a powerful CSS preprocessor, making it easier to manage and customize styles
  with variables, mixins, and modular architecture.



Full Features List

• React JS (v18)
• Next.js App Route (v15)
• TypeScript
• Form Validation with React Hook Form
• Based on Bootstrap 5.3.x
• 100% Responsive
• Tested on Real Devices
• Easy to Customize
• Flat, Modern, and Clean Design
• Retina Ready
• SEO On-Page Optimized
• Styled with SASS (SCSS)
• UX Ready
• Touch-Friendly
• Well-Designed Typography
• W3C Validated Code
• Fixed & Sticky Menu
• Comprehensive UI Kit Elements
• Clean and Commented Code
• Pixel-Perfect Design
• Awesome Unique Look
• Image Background Support
• Cross-Browser Compatibility [IE 11, Firefox, Chrome, Opera, Microsoft Edge, Safari]
• 24/7 Excellent Support
• Detailed Documentation



Sources and Credits

• Next.js
• TypeScript
• Bootstrap
• Redux Toolkit
• Swiper.js



Google Fonts Used

• 
  Big Shoulders Display (Google Fonts)
  
• 
  Roboto (Google Fonts)
  



Icons Used

• Font Awesome Icon
  Font Awesome Pro 5
• Custom Font Icon by
  icomoon
• SVG Icons



Image Credits

• Freepik
• Pexels



Please Note:

• All images are just used for Preview purposes only. They are not part of the template and are not included in the
  final purchase files.

Choose the Eduvate Education & LMS Bootstrap 5 template for an exceptional online education experience. This responsive template is designed to convert visitors into enthusiastic learners, making it the ideal choice for creating your dream educational website.

Utilizing the power of latest technologies, Eduvate is the readymade solution for your technology website. All the ready elements and design is made by proper UI/UX research for the targeted consumers. The template is structured with a user-friendly layout and it is fully responsive design ensures optimal viewing on various devices, including desktops, laptops, iPads, and smartphones.

Customization Options:
This HTML Template provide customization options, allowing users to tailor the look and feel of their websites to their specific needs.

Responsive Design:
The template should be responsive, ensuring that it looks and functions well on various devices, including desktops, tablets, and smartphones.

Performance Optimization:
A well-optimized template ensures fast loading times, which is important for user experience and search engine ranking.

Main Features:

• 03 Awesome Home page
• Course page
• Course details page
• HTML5 and CSS3 Markup
• Clean And Modern Design
• Bootstrap 5+ Based
• Super Responsive for All Latest Browsers and Mobile Devices
• SCSS and CSS Files Included
• Clean Coded
• Full Responsive And Mobile Friendly
• CSS3 Animations
• Easy to Customize
• Cross Browser Compatibility
• Text Animation Effect
• Free Icon Fonts (Font Awesome)
• Unique Color Combination
• Cross Browser Compatibility
• Well Commented Code
• Easily Customizable
• Detailed Documentation

24/7 -Hour Turnaround Support:

• Quick, Dedicated & Professional Support
• For any pre-purchase query, please use live chat on the item demo site also, email, and the item’s comment section on ThemeForest. Thanks!

What do you get?:

• Template source code
• Documentation

Sources and Credits:

• Bootstrap
• Animate CSS
• Flaticon
• FontAwesome
• WOW JS
• freepik

Important Note:

• Images and video are only for demo purpose and not included in the download bundle. Please submit a ticket for the assets.

Thank you

Choose the Eduvate Education & LMS Bootstrap 5 template for an exceptional online education experience. This responsive template is designed to convert visitors into enthusiastic learners, making it the ideal choice for creating your dream educational website.

Utilizing the power of latest technologies, Eduvate is the readymade solution for your technology website. All the ready elements and design is made by proper UI/UX research for the targeted consumers. The template is structured with a user-friendly layout and it is fully responsive design ensures optimal viewing on various devices, including desktops, laptops, iPads, and smartphones.

Customization Options:
This HTML Template provide customization options, allowing users to tailor the look and feel of their websites to their specific needs.

Responsive Design:
The template should be responsive, ensuring that it looks and functions well on various devices, including desktops, tablets, and smartphones.

Performance Optimization:
A well-optimized template ensures fast loading times, which is important for user experience and search engine ranking.

Main Features:

• 03 Awesome Home page
• Course page
• Course details page
• HTML5 and CSS3 Markup
• Clean And Modern Design
• Bootstrap 5+ Based
• Super Responsive for All Latest Browsers and Mobile Devices
• SCSS and CSS Files Included
• Clean Coded
• Full Responsive And Mobile Friendly
• CSS3 Animations
• Easy to Customize
• Cross Browser Compatibility
• Text Animation Effect
• Free Icon Fonts (Font Awesome)
• Unique Color Combination
• Cross Browser Compatibility
• Well Commented Code
• Easily Customizable
• Detailed Documentation

24/7 -Hour Turnaround Support:

• Quick, Dedicated & Professional Support
• For any pre-purchase query, please use live chat on the item demo site also, email, and the item’s comment section on ThemeForest. Thanks!

What do you get?:

• Template source code
• Documentation

Sources and Credits:

• Bootstrap
• Animate CSS
• Flaticon
• FontAwesome
• WOW JS
• freepik

Important Note:

• Images and video are only for demo purpose and not included in the download bundle. Please submit a ticket for the assets.

Thank you

Highlighted Features

• Buy One Time & Get Free Updates Forever.
• 4 Demo Home
• 100+ Awesome Inner Pages.
• Instructor & Student Dashboard Essentials Pages.
• 3 Different Header Variations.
• 2 Different Footer Variations.
• 14+ Course Card.
• E-commerce Page.
• 300+ Elements.
• More Demo Coming Soon.

The “iStudy – Education & Online Courses Template” is an HTML template designed specifically
for educational institutions and online learning platforms. It offers a variety of home page layouts catering to
different educational setups such as online courses, universities, modern schooling and book shops. Additionally, it
includes features for both instructor and student dashboards, enhancing its
functionality for educational management.

The template is built using the latest version of Bootstrap and adheres to a grid system of 1320px, ensuring a
responsive and modern design that adapts well to different devices and screen sizes. Key features often include a
variety of header styles, rich customization options, and integration capabilities with educational tools and
plugins to support e-commerce functions for course enrollment and management.

Features Overview

• Bootstrap 5.x Framework
  
  Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile
  first projects on the web.

• Responsive Layout Design
  
  iStudy template is a fully responsive layout for all types of devices.

• 100+ Valid HTML5 Files
  
  iStudy template has nice and clean home pages.

• Developer Friendly Code
  
  iStudy template has nice and clean codes for development.

• Touch Friendly
  
  Easy browsing on touch devices.

• Sass
  
  iStudy template coded with sass

• Animations
  
  Awesome animations makes iStudy cool.

Full Features List

• Based on Bootstrap 5.x
• 4 Unique Home pages
• 100+ Inner pages
• 6+ Shop Pages
• Instructor Dashboard 14 Pages
• Students Dashboard 14 Pages
• 3 Different Header Variations
• 2 Different Footer Variations
• 20+ Course Pages
• 4 Event Pages
• 10+ Blog Pages
• 100% Responsive
• Tested on real Devices
• Easy to Customize
• Flat, Modern and Clean Design
• Retina Ready
• SEO on-page optimized
• SASS CSS.
• UX Ready.
• Touch Friendly
• Typography
• W3C Validate Code
• Fixed & Sticky Menu
• Full UI Kit Elements with lots of features
• Clean and Commented Code
• Valid HTML5 / CSS3
• Pixel Perfect Design
• Awesome Unique Look
• Image Background
• Smooth Transition Effects
• Modern Animations Effects
• All Modern Browser Compatible [IE 11, Firefox, Chrome, Opera, Microsoft Edge and Safari]
• Valid HTML5 / CSS3
• HTML CSS JS files are included
• 24/7 Awesome Support
• Detailed Documentation

Sources and Credits

• Bootstrap
• Animate.css
• Swiper
• Magnific Popup
• Font Awesome Pro
• NoUiSlider
• IcoMoon
• ApexCharts
• Waypoints
• WOW.js
• Isotope
• ImagesLoaded
• Nice Select
• EasyPieChart
• PureCounter
• jQuery

Google Fonts Used

• Roboto, sans-serif
• Big Shoulders Display

Icons Used

• Font Awesome Pro (Icons)
• Custom Font Icon by icomoon
• SVG Icons

Image Credits

• Freepik
• Pexels

Please Note

• All images are used for preview purposes only and are not included in the HTML templates. They serve
  illustrative purposes to showcase the template’s potential. If you require the images and illustrations,
  please feel free to contact us. Terms and Conditions Apply.

Eduxo is a professionally crafted online courses and education template, designed to deliver both elegance and
functionality. Eduxo is ideal for Educational Institutions (university, workshop, college, school, kindergarten),
online
course platforms, LMS platforms or e-learning startups. Front End modern tools are using like- Bootstrap 5, Vanilla
JS,
and SASS (Scss), it features a clean and lightweight coding style, ensuring fast loading times and a seamless user
experience.

Eduxo featuring a minimalist design and efficient functionality, making it easy to customize and scale for any
learning
management system or e-learning website.The template has included everything you need for a complete online education
center and LMS.

It includes with the latest Bootstrap 5 framework and CSS, Sass/SCSS. No jQuery dependency required, a pure vanilla
JavaScript. It’s packed with useful features and integrations including Gulp and SCSS.

Features Overview

• Latest Bootstrap 5.3 Framework:
  
  Bootstrap is the most popular & Free Front End Framework. This CSS framework is directed at responsive,
  mobile-first front-end web development with CSS and javascript based design templates for typography, forms,
  buttons, navigation, and other interface components

• Sass/SCSS, Gulp Workflow
  
  This template is coded with powerful professional grade CSS extension language Sass. And also includes
  gulp.
  file.

• Responsive Layout Design:
  
  Fuzio Sports Club Template is fully responsive layout for all types of devices. It is perfect for any type
  of
  devices
  from small to large size.

Extended Features

• Modern, Clean & Unique Design
• Bootstrap 5, Gulp & Sass
• No jQuery dependency, Vanilla JavaScript
• SCSS / Sass Files included
• W3C Valid HTML, CSS Code
• SEO Ready HTML5 files
• Admin Dashboard
• Smooth Parallax Animation
• 56+ Pages including 3 Home versions
• Clean & 100% Validate Code
• Well Commented Code
• CMS Development Friendly Code
• Fully Responsive Layout on all Devices
• Easy to Customize
• Cross-Browser Compatible
• Sticky Header
• Swiper Slider
• Feather Icon
• Flexible and Well Commented Code
• Google Fonts
• Free Update
• Awesome Support 24/7 and Much more………

Design Font (Google Font)

• Hind
• Lexend

Images

• Freepik
• Unsplash
• Pexel

Credit Goes to

• Bootstarp
• Google fonts
• Fontawesome
• Isotope
• Feature Icons
• Flaticon
• Swiper Slider
• glightbox
• Nice Select
• Favicon
• Pure Counter

Note: All the preview images are licensed their respective owner and not included in the Download
File.

Eduac Features

• Bootstrap
• Home Page
• Home 2nd Page
• About Page
• Courses Page
• Course-details Page
• Events Page
• Gallery Page
• Instructor Page
• Upcoming-events Page
• Blog Page
• Blog-details Page
• Contact Page
• Clean and Professional Design
• Cross Browser Compatible
• Fully Responsive
• SEO Friendly
• Clean Code
• Google web fonts
• JavaScript with jQuery Library
• Valid HTML5 & CSS3
• Well Documented
• 24/7 Support

Images Credits

• Pexels
• Freepik

Icons Credits

• Fontawesome

Fonts Credits

• Google Fonts

IF YOU LIKE MY WORK, DON’T FORGET TO RATE US 5 STAR AND GIVE YOUR FEEDBACK FOR BETTER UPDATE.

Note: Images are only for demo purpose and not included with the download bundle.

Main Features:

• Bootstrap Latest Version
• Clean and Modern Design
• Fully Customizable
• 100% Responsive Design
• Drag and Drop Form Builder
• Cross Browser Compatible
• Free Google Fonts
• Free Lifetime Updates
• Well Documented
• Dedicated Support

Credit:

• freepik.com
• flaticon.com

Note:Live demo images are not included in the final download file. These are only for example purpose

Edutree – Online Course & Education HTML5 Template is a high-quality and well coded HTML Bootstrap Template specially designed to fit all the needs of an Learning Management System. This HTML template including course list, course detail, instructor page, shop pages and more. Edutree HTML is a very complete and highly customizable HTML template that will help you build your own learning managment system.

Features

• Clean & Modern Design.
• Designed based on Bootstrap latest version .
• Clean, Unique & Modern Design.
• Flexible, Customizable & Organized.
• Fully Responsive
• Free Lifetime Updates and Support
• And much more Fun….

Sources & Credits

• Bootstrap v5.1.3 http://getbootstrap.com/
• jQuery library http://jquery.com
• Slick https://kenwheeler.github.io/slick/
• Bootstrap Icons http://jquery.com
• Google Fonts https://fonts.google.com/
• IcoFont https://icofont.com/
• Unsplash https://unsplash.com/

Files included

• HTML files
• CSS files
• JS files
• Documentation in HTML

Attachment Files

• HTML
• CSS
• JS
• Images
• Documantation

Support

If you need any help using the file or need special customizing please feel free to contact me via my Themeforest profile. If you have a moment, please rate this item, I’ll appreciate it very much!….Thank you.

Note: This item is static HTML5 Template, It’s not a WordPress Theme. Images are only for demo purpose, not included in download files.

You may get the pictures from Pixabay (FREE), Unsplash (FREE)

Eduman Template is creative template for
University, College, Courses Hub, Training Center, LMS, Academy, Web, School, Kindergarten, etc.
We provide you with pre-built pages, but it’s also dead simple to create new pages all your own with ease.You can
easily edit and customize the default homepage to make it
in line with your specific content arrangement using the Bootstrap 5. has professional, pixel perfect and
clean modern layouts for almost any website need.

This is highly customizable and looks awesome on tablets and mobile devices. We have included best practice of web
development and you can create great website layout based on Bootstrap or Grid 1320px.

Features Overview

• Bootstrap 5.x Framework:
  
  Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects
  on the web.

• 3+ Home Page :
  
  Eduman template has nice and clean home pages.

• Touch Friendly:
  
  Easy browsing on touch devices.

• 100% Fully Responsive:
  
  What ever you are using the device your site will run as it should be. Eduman template is fully responsive
  layout for all type of devices.

• 28+ Valid HTML5 Files :
  
  Eduman template coded with beautiful and clean codes! Some powerful HTML files 100% valid W3 web
  standards.

Full Features List

• Based on Bootstrap 5.x
• 100% Responsive
• Flat, modern and clean design.
• Retina Ready.
• SEO on-page optimized.
• SASS CSS.
• UX ready.
• Touch Friendly.
• Integrated google maps..
• Typography
• W3C Validate Code
• Fixed Menu
• Full UI Kit elements with lots of features
• Clean and commented code
• Valid HTML5 / CSS3
• 28+ Total Pages
• 3 Home Page
• Image background
• Valid HTML5 / CSS3
• HTML & CSS & JS files are included
• 24/7 Awesome Support
• Detailed documentation

Sources and Credits

• Twitter Bootstrap
• jQuery
• Magnific-popup
• Swiperjs

Fonts Used

• Nunito Sans
• Raleway

Icons Used

• Free Flat Icons by Flat Icon.

Image Credits

• Allfreephotos
• Freepik
• unsplash

Please Note:

• All images are just used for Preview Purpose Only. They are not part of the html templates and no
  included in the final purchase files.