Waypoint is a Next.js template for a multi-instructor course platform. Learners get a lesson player with an AI tutor that answers from the lesson they have open. Teachers get a course studio that drafts an outline, splits a recording into lessons and writes quiz questions for them to rewrite. It is built for developers and studios shipping an e-learning site, an LMS front end or a course marketplace for a client.

Every control on the demo works from state in the browser: filters filter, the player seeks, notes save, checkout validates, certificates download. There is no backend to set up.

Pages

• Home: search, subjects, the tutor and the studio shown working, a path planner, instructors, pricing and FAQ.
• Course catalogue: filters in seven groups, sort, search with suggestions, grid and list views, compare, recently viewed and an empty state.
• Course page: a syllabus that opens before purchase, free preview lessons, a rating breakdown, the instructor, related courses and a buy card that follows the scroll.
• Lesson player: a scrubber and playback speeds, a contents list that ticks off, a transcript that seeks on click, notes stamped to the second, a quiz marked on the spot and the AI tutor panel.
• Learning paths: five courses toward a job, with prerequisites and a slider for hours a week that moves the finish date.
• Instructor directory and profiles: filters by field and verification; career, courses, reviews and upcoming cohorts.
• Teach: the revenue split, three steps, an earnings calculator and an application form.
• Course studio: an outline drafted from one line, a recording split into lessons, generated quiz questions to approve, revenue by course and drafts.
• Learner dashboard: courses under way, the learning path, certificates to download or share, and saved courses.
• Pricing: three plans, a monthly and yearly toggle, a full comparison, team seats and pricing FAQ.
• Checkout: three steps with real validation, a promo code, an order summary and a success screen.
• About, Contact with live desk hours and an office map, Sign in with a three-step password reset, Sign up in three steps, and a 404.

Built in

• 36 courses, 15 instructors and 4 learning paths of mock data, all in TypeScript arrays a page reads from.
• Saved courses, progress, notes and path choices kept in the browser and shared across tabs.
• Course comparison, recently viewed, follow an instructor, cohort waitlist.
• Earnings calculator, plan picker, hours-a-week planner.
• Downloadable certificates with share links.
• Responsive from 320px to wide desktop.
• SEO: per-route titles and link previews, a sitemap, robots and JSON-LD.

Stack

• Next.js 16.3 (App Router) and React 19.2
• Tailwind CSS 4.3 and shadcn/ui on Base UI
• TypeScript
• HugeIcons and Heroicons

Not included

• No backend, database or payment processing. The forms validate and do not send, and the AI tutor and studio answer from prepared demo data.
• Photography is loaded from Unsplash and Lummi for the demo and is not part of the download.
• The heading font, Cabinet Grotesk, is free but cannot be redistributed. One command, npm run fonts, downloads it from Fontshare.

The post Waypoint — AI Course Marketplace NextJs Template first appeared on MasterTemplate.

Lerntix includes two distinctive homepage variations – a Course Selling homepage designed around course discovery and enrolment, and a Live Class homepage built around scheduled sessions, pricing plans, and real-time teaching. Both layouts deliver a clean, professional, and conversion-focused experience while sharing the same well-structured component system.

What makes Lerntix different is that it does not stop at the marketing website. The template ships with two complete dashboard experiences – a 15-page Student Dashboard and an 11-page Instructor Dashboard – covering enrolled courses, progress tracking, assignments, certificates, calendars, live classes, leaderboards, messaging, notifications, wishlists, purchase history, course creation, student directories, reviews, earnings, and settings. Everything an LMS front end needs is already designed and coded.

The template also provides a full set of course and commerce pages, including course grid and left-sidebar listings with filtering and sorting, a detailed course page, pricing plans, instructor listings and profiles, a become-an-instructor flow, shop, product details, cart, wishlist, and checkout – so course sales, bundles, and merchandise are all covered out of the box.

Lerntix additionally includes a dedicated set of AI feature pages – AI Tutor, Content Summarization, Automated Grading System, Quiz Generation, Code Assistant, and Zoom Class – ready-made for modern learning platforms that want to present intelligent teaching tools as first-class product features.

Essential business and content pages are included as well: About Us, Events, Event Details, Gallery, Testimonials, Community, Help Center, Career, Career Details, FAQ, Contact, Login, Registration, Privacy Policy, Terms & Conditions, Error 404, and three blog layouts. These ready-made pages help you launch a complete, professional learning platform without designing every section from scratch.

Built with modern HTML5, CSS3, Bootstrap 5, SASS, and jQuery, Lerntix is fully responsive and carefully optimised for desktops, laptops, tablets, and mobile devices. Its clean structure, reusable component system, utility classes, organised SASS partials, and developer-friendly code make customisation simple and efficient.

Whether you are launching an online course marketplace, a live class platform, a coaching academy, a university website, or a complete learning management system with student and instructor dashboards, Lerntix provides the design flexibility and essential e-learning features needed to create an engaging, modern, and professional website.

Features don’t end here:

• Two Unique Homepage Variations
  • Course Selling Homepage
  • Live Class Homepage
• 60+ Carefully Designed HTML Pages
• Complete Student and Instructor Dashboards Included
• LMS, Online Course, E-Learning and Education Focused
• Clean, Modern and Professional Design
• Creative and Unique Page Layouts
• Pixel-Perfect User Interface
• Complete Student Dashboard
  • Dashboard Overview with Weekly Activity
  • Enrolled Courses and Continue Learning
  • Progress Tracking with Charts
  • Assignments
  • Certificates
  • Events Calendar
  • Live Classes
  • Leaderboard
  • AI Tutor
  • Messages
  • Notifications
  • Wishlist
  • Purchase History
  • Profile and Settings
• Complete Instructor Dashboard
  • Instructor Overview with Revenue Charts
  • My Courses Catalog
  • Create Course
  • Earnings and Transaction History
  • Students Directory
  • Recent Enrollments
  • Live Classes
  • Student Reviews
  • Messages
  • Notifications
  • Profile and Settings
• AI-Powered Feature Pages
  • AI Tutor
  • Content Summarization
  • Automated Grading System
  • Quiz Generation
  • Code Assistant
  • Zoom Class
• Multiple Course Page Layouts
  • Courses Grid Layout
  • Courses Left Sidebar Layout
  • Advanced Course Filtering and Sorting
  • Price Range Filter
  • Course Details Page
  • Pricing Plan with Monthly and Yearly Toggle
• Complete eCommerce Pages
  • Shop
  • Shop Details
  • Shopping Cart
  • Wishlist
  • Checkout
  • Login and Registration
• Instructor Pages
  • Instructors Listing
  • Instructor Details
  • Become an Instructor
• Multiple Blog Layouts
  • Blog Standard Layout
  • Blog Grid Layout
  • Blog Details Page
• Essential Inner Pages Included
  • About Us
  • Events and Event Details
  • Gallery
  • Testimonials
  • Community
  • Help Center
  • Career and Career Details
  • Frequently Asked Questions
  • Contact Us
  • Privacy Policy
  • Terms and Conditions
  • Error 404
• Ready-Made Education Sections
  • Trending Courses
  • Latest and Featured Courses
  • Course Categories
  • Live Courses and Demo Class
  • Top Instructors and Mentors
  • Why Choose Us and Core Features
  • How It Works Process Steps
  • Upcoming Events
  • Student Testimonials
  • Pricing Tables
  • Partners and Brand Logos
  • Promotional and Join Banners
  • Animated Counters and Funfacts
  • FAQ Accordion
  • Newsletter Subscription
• Animated Statistics Counter
• Video Popup and Light Gallery
• Interactive Dashboard Charts
• Multi-Language Switcher
• Sticky Header and Off-Canvas Mobile Menu
• W3C Valid HTML Files
• Fully Responsive and Mobile-Friendly
• Built with Bootstrap 5 Framework
• Modern HTML5 and CSS3
• SASS Files Included
• Well-Organized SASS Partials and Variables
• CSS Custom Properties for Easy Color Changes
• SEO-Friendly Code Structure
• Fast Loading Performance
• Cross-Browser Compatibility
• Easy to Customize
• Developer-Friendly Code
• Clean and Well-Organized Files
• Smooth Hover and Transition Effects
• Animate On Scroll Effects
• Free Google Fonts
• Detailed Documentation Included
• Lifetime Free Updates
• Friendly Customer Support

What do you get with the download file?

• HTML Template File
• SASS Source Files
• Documentation File

Sources and Credits

Fonts

Source Sans Pro,
Open Sans,
Remix Icon,

Images in the previews

Unsplash,
Freepik

JQuery Plugins

Bootstrap 5,
Swiper,
Nice Select,
Odometer,
Light Gallery,
AOS

Supports

Our support team is available 24/7. We try to answer all questions within 3 business days.

Please note: All images are for preview purposes only and are not included in the download file.

The post Lerntix – LMS Online Course & Education Template With Admin Dashboard first appeared on MasterTemplate.

Edustray is the ultimate solution for building professional, engaging, and visually stunning education websites. Whether you’re creating an online learning platform, university portal, training academy, or instructor portfolio — Edustray empowers you to bring your vision to life effortlessly. Designed with precision and flexibility, it offers a smooth, fluid user experience that connects learners with valuable educational content.

This powerful template includes 8+ creative homepage demos and 50+ carefully crafted inner pages, allowing you to launch your site quickly without any design experience. Every section is thoughtfully structured and easy to customize — ensuring a seamless workflow for developers and non-coders alike.

Edustray is ideal for Universities, Kindergartens, High Schools, Online Courses, Language Academies, Distance Learning Platforms, Cooking Academies, Yoga Instructors and more.

With modern technologies like Bootstrap 5, CSS3 animations, and parallax effects, Edustray ensures stunning visuals with excellent performance across all devices. Plus, its unlimited color choices, typography options, and SEO-friendly structure make it a complete package for anyone serious about education website development.

Edustray – Smart, Creative & Powerful Education Template for the Next Generation of Learners.

This template is highly customizable and boasts excellent compatibility with tablets and mobile devices. We’ve integrated the best practices of web development, enabling you to craft exceptional website layouts based on Bootstrap or a 1200px grid.

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.

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

• 08 Home Pages :
  
  Edustray 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. Edustray template is fully responsive
  layout for all type of devices.

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

Full Features List

• Based on Bootstrap 5.x
• RTL Supported
• 100% Responsive
• Flat, modern and clean design.
• Retina Ready.
• 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
• 8 Home Pages
• 50+ Total Pages
• 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

• Prompt sans

Icons Used

• Font Awesome Icons by font awesome pro.

Image Credits

• Allfreephotos
• Freepik
• unsplash

Please Note:

• All images are utilized solely for preview purposes. They are not integrated into the HTML templates and are not included in the final purchase files.

28 Septembar 2026 & Version 1.0.0

- 1. Initial Released Edustray - University, Online Courses, School & Education HTML Template

The post Edustray – University, Online Courses, School & Education HTML Template first appeared on MasterTemplate.

If you are looking for education, online courses and LMS platforms HTML Template, you are at the right place! Yes,
Edunex

is unique and modern Education LMS and Online course HTML Template.

It’s built specifically for education, online courses and LMS platforms. Our package has total 30 well
commented HTML files which will help you to develop your education, online courses and LMS
related website. It has Contact Page with Contact Form.

Our all pages are Cross-Browser Compatible and SEO Friendly.

Feature

• 4 Unique Home Pages
• Blog and Blog Details Pages
• Course and Course Details Pages
• Instructor and Instructor Details Pages
• Contact Page with contact Form
• Total 30 well commented HTML files
• HTML5 Semantic Markup
• Responsive Layouts
• Based on Bootstrap
• Sticky Header
• GSAP Animation
• Icons by ThemeJunction
• Easy to Customize
• Cross Browser Optimization
• SEO Friendly
• Free Google Fonts
• Well Documented

Sources & Credits

Font used:

1. Manrope:
https://fonts.google.com/specimen/Manrope

2. Urbanist:
https://fonts.google.com/specimen/Urbanist

Image credit:

1. Pexels: https://www.pexels.com
2. Freepik: https://www.freepik.com

Icon used:

1. Custom Icon

Plugins used:

1. Getbootstrap

2. Jquery

3. Nice Select

4. Swiper

5. Meanmenu

6. Counter up

7. VenoBox

8. Gsap

Note:
Please note that images used in live preview are not included in the package. If you have any questions please feel
free to email us via
support@themejunction.net. Thank you!

The post Edunex – Education LMS & Online course HTML Template first appeared on MasterTemplate.

Whether you’re launching an online course platform, educational institute, training center, university website, instructor portfolio, language academy, or eLearning marketplace, Learnhub includes carefully crafted layouts, reusable components, and modern UI elements that help you build your project faster.

Every page is designed with clean code, responsive layouts, and excellent usability to ensure your visitors enjoy a seamless browsing experience across desktop, tablet, and mobile devices.

Perfect For

• Online Learning Platforms
• Learning Management Systems (LMS)
• Online Course Websites
• Universities & Colleges
• Schools & Kindergartens
• Instructor & Teacher Portfolios
• Coaching Centers
• Training Institutes
• Language Academies
• Education Startups
• Course Marketplace
• Workshop & Seminar Websites
• Webinars & Online Events
• Certification Programs
• Educational Communities

Why Choose Learnhub?

Learnhub combines modern design with practical functionality to deliver a complete education website solution. Every layout has been carefully designed to improve user engagement while keeping the development experience simple and flexible.

The template includes professionally designed homepage variations, course pages, instructor profiles, student dashboards, authentication pages, shop layouts, blogs, events, pricing pages, and numerous reusable UI components.

With Bootstrap 5 and SCSS architecture, developers can easily customize colors, typography, layouts, and components to match any educational brand.

Main Features

• Modern Education & LMS HTML Template
• Built with Bootstrap 5
• Clean & Well-Structured HTML5 Code
• SCSS Source Files Included
• Fully Responsive Layout
• Mobile First Design
• Professional UI & UX
• Creative Home Page Variations
• Beautiful Course Listing Pages
• Course Grid & List Layouts
• Course Details Pages
• Lesson & Curriculum Pages
• Instructor Profile Pages
• Student Dashboard Pages
• Instructor Dashboard Pages
• User Profile Pages
• Authentication Pages
• Pricing Plans
• Events & Event Details
• Blog Grid & Blog Details
• FAQ Pages
• Testimonials
• Course Categories
• Advanced Search UI
• Mega Menu Navigation
• Sticky Header
• Animated Buttons
• Modern Sliders
• Accordion Components
• Counters & Statistics
• Call-To-Action Sections
• Newsletter Sections
• Contact Pages
• 404 Error Page
• Coming Soon Page
• Responsive Footer Layouts

Course Features

• Course Grid Layouts
• Course List Layouts
• Course Details
• Course Categories
• Course Ratings UI
• Course Reviews Design
• Course Curriculum Layout
• Lesson Preview
• Video Lesson Sections
• Course Sidebar
• Course Information Cards
• Instructor Information
• Student Review Sections
• Related Courses
• Course Search Interface
• Course Filter UI
• Wishlist Interface

Instructor & Student Pages

• Instructor Dashboard
• Student Dashboard
• Profile Settings
• My Courses
• Wishlist
• Reviews
• Assignments
• Announcements
• Quiz Pages
• Order History
• Profile Overview
• Account Settings

eCommerce Pages

• Shop Grid
• Shop Details
• Shopping Cart
• Checkout
• Wishlist
• My Account
• Product Details
• Mini Cart
• Order Summary

Technical Features

• Bootstrap 5 Framework
• HTML5 & CSS3
• SCSS Included
• Google Fonts
• Swiper Slider
• W3C Valid Markup
• SEO Friendly Code
• Cross Browser Compatible
• Developer Friendly Structure
• Easy Customization
• Pixel Perfect Design
• Fast Loading Performance
• Well Commented Code
• Reusable Components
• Clean Folder Structure
• Lifetime Free Updates
• Detailed Documentation
• Professional Support

Included Pages

• Multiple Home Pages
• About Us
• Courses
• Course Details
• Instructor Pages
• Student Dashboard
• Instructor Dashboard
• Events
• Blog
• Shop
• Pricing
• FAQ
• Contact
• Authentication Pages
• Error Pages
• Utility Pages

Customization

Learnhub has been built with developers in mind. The organized code structure, reusable components, and SCSS architecture make customization simple and efficient. You can easily modify layouts, typography, colors, spacing, and sections to match your project requirements.

What’s Included?

• HTML Files
• SCSS Files
• CSS Files
• JavaScript Files
• Documentation
• Free Future Updates
• Premium Support

Why Customers Love Learnhub

• Modern & Professional Design
• Excellent User Experience
• Responsive Across All Devices
• Easy to Customize
• Clean & Maintainable Code
• Fast Performance
• Developer Friendly
• SEO Optimized
• Regular Updates
• Reliable Customer Support

Notes

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

Purchase Learnhub today and build a modern education platform with a clean design, powerful layouts, and professional user experience.

Update Changelog:

    Version 1.0.0
    - Initial release

The post Learnhub – Online Learning & Education HTML5 Template first appeared on MasterTemplate.

Template Features

• Based on 1320px Grid System.
• 09+ Elegant Homepage Versions.
• Blog and Blog Single Page.
• 404 Error Page
• Unique and Modern Design.
• Super Clear and Clean Layout.
• Awesome and Creative Design.
• Easily customizable HTML files.
• Every page is fully layered and organized with proper names.
• This HTML5 template is perfect for convert into WordPress, Joomla and other systems… to make website for universities, online course platforms, e-learning startups, coaching centers, training institutes, tutoring businesses, education technology companies, school management systems, distance learning portals, academic institutions Etc…
• Fully Customizable.
• Free Google Fonts.
• Free Font Based Icons.
• Easy to find the files name, folder, layers, groups.
• And many more

This template comes with necessary features for your online presence like Courses, Course details, Instructor, Instructor Single, Events, Event details, Blog, Blog details, Testimonial and etc.

There are 20+ HTML files included with this template

The HTML files are fully responsive and easily customizable. If you like to change the look of the buttons/icons or any image, open the HTML file and go to the specific group which are named accordingly then find out the layer, and then make the necessary adjustments, and then save the file as image_name.png/jpg

Notes

Please note this item is HTML5 template, It’s not a PSD or WordPress theme. Images are only for demo purpose, not included in download files.

Supports

If you need help to use this template or need special customizing, please feel free to contact us. We are here to help you 24/7. If you have a moment, Please rate this item, I’ll appreciate it very much!….Thank you.

WhatsApp: +8801318056529

Email: hossain.dreamit@gmail.com

Fonts Used

You need to Install below Fonts before use Edulax HTML Files.

• Inter (Google Font)

Image Source:

• 1. Freepik
• 2. Unsplash
• 3. Pexels
• 4. Adobe Stock

The post Edulax – University, Online Courses & Education HTML5 Template first appeared on MasterTemplate.

Eduflow – Online Course & Education Next.js Template

Eduflow is a premium, multi-concept template built with
Next.js 15 (App Router), React 19 and
TypeScript — engineered for online education, e-learning
platforms, and educational institutions. With
10 unique homepage concepts — Course Platform, E-Learning
Hub, Course Marketplace, Instructor Profile, Distance Learning, Language
School, Kindergarten, Business Coach, Cooking Academy, and Health Coaching —
Eduflow gives you a production-ready foundation to launch a stunning,
high-performance education website right out of the box.

Built on the Next.js App Router with
React Server Components, styled with a modular
SCSS architecture, and animated with
GSAP, Eduflow ships fully SEO-optimized —
per-page metadata, sitemap.xml, robots.txt, JSON-LD
structured data, and a PWA web manifest — for a fast, search-friendly,
pixel-perfect experience on every device.

Requirements

• Node.js 18.18+ (Node 20 LTS recommended)
• npm — run npm install then npm run dev / npm run build
• Basic knowledge of Next.js / React is helpful for customization

10 Unique Demo Concepts

• Demo 1 – Course Platform: Full-featured online course platform with course listings, filters, and enrollment flow
• Demo 2 – E-Learning Hub: Modern e-learning hub with video lessons, instructors, and a student-dashboard feel
• Demo 3 – Course Marketplace: Multi-instructor marketplace layout with category browsing and featured courses
• Demo 4 – Instructor Profile: Single-instructor personal brand site with bio, courses, and testimonials
• Demo 5 – Distance Learning: Remote and online learning layout with flexible study options
• Demo 6 – Language School: Language institution design with class schedules and programs
• Demo 7 – Kindergarten: Colorful, child-friendly school website — includes a full 9-page sub-theme
• Demo 8 – Business Coach: Professional coaching and mentoring website with personal-branding focus
• Demo 9 – Cooking Academy: Culinary course site with recipes, instructors, and class booking
• Demo 10 – Health Coaching: Health, fitness, and wellness coaching platform with programs and scheduling

Key Features

Scale & Content

• 10 Unique Homepage Designs – Covering every major education & e-learning niche out of the box
• 40+ Inner Pages – Every essential page a complete education website needs
• 50+ Total Pages – Across all 10 demo concepts combined
• 300+ Unique UI Elements – Process steps, icon boxes, testimonials, pricing tables, progress bars, tabs, team members, forms, and much more
• Kindergarten Sub-Theme – A complete 9-page child-friendly sub-site with its own style and color scheme

Next.js & Performance

• Next.js 15 App Router – Modern file-based routing with route groups and nested layouts
• React Server Components – Server-rendered by default for minimal client JavaScript and fast loads
• TypeScript (strict) – Fully typed, safer, and easier to maintain
• SEO Ready – Per-page metadata (title, description, Open Graph, Twitter, canonical), sitemap.xml and robots.txt
• JSON-LD Structured Data – Organization & WebSite schema for richer search results
• PWA Web Manifest – Installable, with theme color and icons
• Self-Hosted Google Fonts – Loaded via next/font with zero layout shift and no external font requests
• Error Handling – Styled 404, route error boundary, and global error boundary
• Single-File Configuration – Brand, URL, contact, and social details centralized in one siteConfig file

Animation & Interactions

• GSAP Animation Suite – Scroll-triggered reveals, shape movement, and timeline-based sequences
• GSAP SplitText Title Animations – Character/word stagger and cinematic heading reveals
• GSAP ScrollSmoother – Ultra-smooth native-feel scrolling integrated with ScrollTrigger
• Directional Fade-In Animations – Top / left / bottom / right scroll reveals with configurable offset, delay, and duration via data attributes
• Animated Counters – Number counters with scroll trigger (CounterUp2 & Odometer)
• Tilt Effects – Subtle interactive tilt on cards and thumbnails (Vanilla Tilt)
• Video Modal – YouTube lightbox with autoplay on open and auto-stop on close
• Marquee Ticker – Infinite scrolling element tickers with configurable speed and direction

Framework & Architecture

• Bootstrap 5 Grid – Mobile-first responsive grid and utilities
• React-Bootstrap Components – Accessible interactive components (e.g. FAQ accordions)
• Modular SCSS Architecture – Split into abstracts, base, layout, components, and sections — easy to customize and extend
• Swiper Slider – Touch-friendly, GPU-accelerated carousels and auto-scroll sliders
• Proven jQuery Plugins – Magnific Popup (lightbox), Nice Select (dropdowns), and MeanMenu (mobile navigation) integrated cleanly on the client

Education-Specific Pages

• Course Management – 3 course grid layouts, sidebar-left, sidebar-right listings, and 3 course-detail styles (8 pages total)
• Instructor Pages – Two instructor listing styles, instructor detail page, and a Become a Mentor application page
• Event Pages – Event grid listing with scheduling info and a full event-detail page
• Auth & Profile Pages – Login, Sign-up, and User Profile pages

General Pages

• Blog Pages – Standard, 2-column, and 3-column listings, plus blog details with left sidebar, right sidebar, and standard styles (6 pages total)
• Shop & E-Commerce – Shop listing, product detail, cart, and checkout pages with category and price-range filtering
• About, Pricing, FAQ & Contact – All essential business pages, ready to customize
• 404 Error Page – Styled error page matching the template’s design language

UI Components & Icons

• Material Symbols – Google Material Symbols (Outlined, Rounded, Sharp) with fill, weight, and size utility classes
• Font Awesome – Full icon library included
• Magnific Popup – Responsive lightbox for images and inline content
• Nice Select – Styleable, enhanced select inputs

Typography

• Google Fonts via next/font – Mona Sans, DM Sans, Playfair Display, Instrument Serif & Forum, self-hosted for performance
• CSS Variable Typography System – Font sizes (h1–h6 and custom scales) and families managed via CSS custom properties

Quality & Standards

• Fully Responsive – Pixel-perfect on Desktop, Laptop, Tablet, and Mobile
• Retina Ready – Crisp on high-density screens; WebP-optimized images
• Cross-Browser Compatible – Tested on Chrome, Firefox, Safari, Edge, and Opera
• Strict TypeScript & Clean ESLint – Zero lint warnings, type-safe, production-grade code
• Well-Commented Code – Clear structure and easy navigation
• Custom CSS Variable Design System – Colors, spacing, breakpoints, and typography controlled from a single _variables.scss file

Support & Updates

• Detailed Documentation – Step-by-step setup, customization, and component-usage guide included
• Free Updates – Ongoing improvements and new features
• Dedicated Support – Submit a ticket at support.wprealizer.com — maximum 24-hour response time

Full Page List (50+ Pages)

Home Demos (10 Pages)

• Home – Course Platform
• Home – E-Learning Hub
• Home – Course Marketplace
• Home – Instructor Profile
• Home – Distance Learning
• Home – Language School
• Home – Kindergarten
• Home – Business Coach
• Home – Cooking Academy
• Home – Health Coaching

Course Pages (8 Pages)

• Courses Grid V1
• Courses Grid V2
• Courses Grid V3
• Courses – Sidebar Left
• Courses – Sidebar Right
• Course Details Classic V1
• Course Details Classic V2
• Course Details Classic V3

Instructor Pages (5 Pages)

• Instructors V1
• Instructors V2
• Instructor Details
• Become a Mentor
• User Profile

Blog Pages (6 Pages)

• Blog Standard
• Blog Two Column
• Blog Three Column
• Blog Details – Standard
• Blog Details – Left Sidebar
• Blog Details – Right Sidebar

Event Pages (2 Pages)

• Event Grid
• Event Details

Shop / E-Commerce Pages (4 Pages)

• Shop
• Shop Details
• Cart
• Checkout

General Pages (6 Pages)

• About V1
• Pricing
• FAQ
• Contact
• Login
• Sign Up

Utility Pages (1 Page)

• 404 Error Page

Kindergarten Sub-Theme (9 Pages)

• Kindergarten Home
• Kindergarten About
• Kindergarten Courses
• Kindergarten Course Details
• Kindergarten Contact
• Kindergarten FAQ
• Kindergarten Teachers
• Kindergarten Teacher Details
• Kindergarten 404

Tech Stack & Libraries

• Next.js 15 (App Router)
• React 19
• TypeScript
• SCSS (modular architecture)
• Bootstrap 5 & React-Bootstrap
• GSAP (ScrollTrigger, ScrollSmoother, SplitText)
• Swiper Slider
• jQuery + Magnific Popup, Nice Select & MeanMenu
• CounterUp2 & Odometer (animated counters)
• Vanilla Tilt
• Animate.css
• Font Awesome & Google Material Symbols
• Google Fonts via next/font – Mona Sans, DM Sans, Playfair Display, Instrument Serif & Forum

Ideal For

• Online Course Platforms & LMS Websites
• E-Learning Hubs & Virtual Classrooms
• Course Marketplaces & Education Portals
• Individual Instructors & Tutors
• Distance & Remote Learning Programs
• Language Schools & Language Learning Apps
• Kindergartens, Primary & Secondary Schools
• Business Coaches & Mentoring Services
• Cooking Academies & Culinary Schools
• Health, Fitness & Wellness Coaches
• Universities & Educational Institutions
• Any Education or Training Business

Files Included

• Complete Next.js Project Source (App Router)
• TypeScript Source Files
• Modular SCSS Source Files
• JavaScript & Component Files
• Image & Icon Assets (WebP optimized)
• Font Awesome Webfonts
• Documentation

Support

If you have any questions or need help with customization, please visit our
support center at
support.wprealizer.com.
We aim to respond to all inquiries within a maximum of 24 hours.

Note

• Images used in the live preview are for demonstration purposes only and are not included in the download package.
• If you need the demo images, please contact our support team.

Changelog

v1.0.0 – Initial Release

• 10 unique homepage demo concepts
• 50+ pages across all demo concepts
• Next.js 15 App Router + React 19 + TypeScript
• Full modular SCSS source included
• GSAP animation system (ScrollTrigger, ScrollSmoother, SplitText)
• SEO ready – metadata, sitemap.xml, robots.txt, JSON-LD, PWA manifest
• Kindergarten 9-page sub-theme included
• WebP-optimized image assets

The post Eduflow – Education Next.js Template first appeared on MasterTemplate.

Eduflow – Online Course & Education HTML Template

Eduflow is a premium, multi-concept HTML template built
exclusively for online education, e-learning platforms, and educational
institutions. With 10 unique homepage concepts — Course
Platform, E-Learning Hub, Course Marketplace, Instructor Profile, Distance
Learning, Language School, Kindergarten, Business Coach, Cooking Academy, and
Health Coaching — Eduflow gives you everything you need to launch a stunning,
professional education website right out of the box.

Powered by Bootstrap 5, animated with
GSAP & Lenis smooth scroll, and structured with a clean
SCSS architecture, Eduflow delivers a pixel-perfect,
high-performance experience across every device. Whether you’re building an
online course marketplace, a kindergarten site, a coaching platform, or a
full-featured e-learning hub, Eduflow has the perfect layout waiting for you.

10 Unique Demo Concepts

• Demo 1 – Course Platform: Full-featured online course
  platform layout with course listings, filters, and enrollment flow
• Demo 2 – E-Learning Hub: Modern e-learning hub with video
  lessons, instructors, and student dashboard feel
• Demo 3 – Course Marketplace: Multi-instructor course
  marketplace layout with category browsing and featured courses
• Demo 4 – Instructor Profile: Single-instructor personal
  brand site with bio, courses, and testimonials
• Demo 5 – Distance Learning: Remote and online learning
  focused layout with flexible study options
• Demo 6 – Language School: Language learning institution
  design with class schedules and language programs
• Demo 7 – Kindergarten: Colorful, child-friendly school
  website with teachers, programs, and parent info — includes a full 9-page
  sub-theme
• Demo 8 – Business Coach: Professional business coaching and
  mentoring website with personal branding focus
• Demo 9 – Cooking Academy: Culinary and cooking course site
  with recipes, instructors, and class booking
• Demo 10 – Health Coaching: Health, fitness, and wellness
  coaching platform with programs and scheduling

Key Features

Scale & Content

• 10 Unique Homepage Designs – Covering all major education
  & e-learning niches out of the box
• 40+ Inner Pages – Every essential page a complete education
  website needs, ready to use
• 50+ HTML Pages – Across all 10 demo concepts combined
• 300+ Unique UI Elements – Process steps, icon boxes,
  testimonials, pricing tables, progress bars, tabs, team members, forms, and
  much more
• Kindergarten Sub-Theme – A complete 9-page child-friendly
  sub-site with its own style, color scheme, and page set

Animation & Interactions

• GSAP Animation Suite – Scroll-triggered reveals, parallax
  effects, shape movement, and timeline-based sequences
• 8 SplitText Title Animations – Standard, wave, cinematic,
  jelly, stretch, blur-scale, color-reveal, and character-stagger styles
  powered by GSAP SplitText
• Lenis Smooth Scroll – Ultra-smooth native scroll experience
  fully integrated with GSAP ScrollTrigger
• Fade-In Animations – Directional (top / left / bottom /
  right) scroll-triggered fade-in with configurable offset, delay, and
  duration via data attributes
• GSAP Counter / Animated Stats – Number counters with K/M
  suffix support, scroll trigger, and optional zero-padding
• Parallax Backgrounds – Mouse-move shape parallax and
  scroll-driven section parallax using Simple Parallax
• Video Modal – YouTube video lightbox with autoplay on open
  and automatic stop on close
• jQuery Marquee Ticker – Infinite scrolling element tickers
  with configurable speed, gap, and direction

Framework & Architecture

• Bootstrap 5 – Mobile-first responsive grid and full
  component system
• Modular SCSS Architecture – BEM-structured, split into
  abstracts, base, layout, components, and sections — easy to customize and
  extend
• jQuery 3.7.1 – Stable, widely-supported JS foundation
• Swiper Slider – Touch-friendly, GPU-accelerated carousels
  and auto-scroll sliders
• jQuery MeanMenu – Accessible, mobile-first navigation with
  smooth hamburger sidebar

Education-Specific Pages

• Course Management – 3 course grid layouts, sidebar-left,
  sidebar-right listings, and 3 course detail page styles (8 pages total)
• Instructor Pages – Two instructor listing styles,
  instructor detail page, and Become a Mentor application page
• Event Pages – Event grid listing with scheduling info and a
  full event detail page
• Auth & Profile Pages – Login, Sign-up, and User Profile
  pages

General Pages

• Blog Pages – Standard, 2-column, and 3-column listing
  layouts, plus blog detail pages with left sidebar, right sidebar, and
  standard styles (6 pages total)
• Shop & E-Commerce – High-converting shop listing,
  product detail, cart, and checkout pages with category filtering and price
  range filter
• About, Pricing, FAQ & Contact – All essential business
  pages included and ready to customize
• 404 Error Page – Styled error page matching the template’s
  design language

UI Components & Plugins

• Material Symbols & Icons – Google Material Symbols
  (Outlined, Rounded, Sharp) with fill, weight (100–900), and size modifier
  utility classes
• Font Awesome 7 Pro – Full icon library with Solid, Regular,
  Light, Thin, and Brand icon sets
• Flatpickr Date Picker – Elegant date & time picker for
  class scheduling, booking, and event forms
• Select2 Dropdowns – Enhanced, searchable, and styleable
  select inputs
• Magnific Popup – Responsive lightbox for images and inline
  content

Typography

• Google Fonts – DM Sans and Playfair Display loaded from
  Google Fonts CDN
• Mona Sans – Modern, versatile variable font for headings
  and UI text
• CSS Variable Typography System – Font sizes (h1–h6 and
  custom scales) and font families all managed via CSS custom properties

Quality & Standards

• Fully Responsive – Pixel-perfect layouts on Desktop
  (1920×1080), Laptop (1364×768), Tablet (1024×768), and Mobile (767×365)
• Retina Ready – Sharp and crisp on all high-density screens;
  images served in optimized WebP format
• Cross-Browser Compatible – Tested on Chrome, Firefox,
  Safari, Edge, and Opera
• SEO-Optimized Code – Clean, semantic HTML5 markup for
  better search engine rankings
• W3C Valid Code – Standards-compliant, error-free markup
• Well-Commented Code – Every section clearly labeled and
  easy to navigate
• Custom CSS Variable Design System – Colors, spacing,
  breakpoints, and typography all controlled from a single
  _variables.scss file

Support & Updates

• Detailed Documentation – Step-by-step setup, customization,
  and component usage guide included
• Free Updates – Stay current with ongoing improvements and
  new features
• Dedicated Support – Submit a ticket at
  support.wprealizer.com — maximum 24-hour response time

Full Page List (50+ Pages)

Home Demos (10 Pages)

• Home – Course Platform
• Home – E-Learning Hub
• Home – Course Marketplace
• Home – Instructor Profile
• Home – Distance Learning
• Home – Language School
• Home – Kindergarten
• Home – Business Coach
• Home – Cooking Academy
• Home – Health Coaching

Course Pages (8 Pages)

• Courses Grid V1
• Courses Grid V2
• Courses Grid V3
• Courses – Sidebar Left
• Courses – Sidebar Right
• Course Details Classic V1
• Course Details Classic V2
• Course Details Classic V3

Instructor Pages (5 Pages)

• Instructors V1
• Instructors V2
• Instructor Details
• Become a Mentor
• User Profile

Blog Pages (6 Pages)

• Blog Standard
• Blog Two Column
• Blog Three Column
• Blog Details – Standard
• Blog Details – Left Sidebar
• Blog Details – Right Sidebar

Event Pages (2 Pages)

• Event Grid
• Event Details

Shop / E-Commerce Pages (4 Pages)

• Shop
• Shop Details
• Cart
• Checkout

General Pages (6 Pages)

• About V1
• Pricing
• FAQ
• Contact
• Login
• Sign Up

Utility Pages (1 Page)

• 404 Error Page

Kindergarten Sub-Theme (9 Pages)

• Kindergarten Home
• Kindergarten About
• Kindergarten Courses
• Kindergarten Course Details
• Kindergarten Contact
• Kindergarten FAQ
• Kindergarten Teachers
• Kindergarten Teacher Details
• Kindergarten 404

Tech Stack & Libraries

• HTML5 & CSS3
• SCSS (BEM-structured, modular architecture)
• Bootstrap 5
• jQuery 3.7.1
• GSAP (GreenSock Animation Platform)
• GSAP SplitText Plugin
• GSAP ScrollTrigger
• GSAP MotionPathPlugin, Draggable & InertiaPlugin
• Lenis Smooth Scroll
• Swiper Bundle
• jQuery MeanMenu (mobile navigation)
• Magnific Popup (lightbox)
• Flatpickr Date Picker
• Select2 (enhanced dropdowns)
• Simple Parallax
• jQuery Marquee
• Font Awesome 7 Pro
• Material Symbols & Material Icons (Google)
• Google Fonts – DM Sans, Mona Sans, Playfair Display

Ideal For

• Online Course Platforms & LMS Websites
• E-Learning Hubs & Virtual Classrooms
• Course Marketplaces & Education Portals
• Individual Instructors & Tutors
• Distance & Remote Learning Programs
• Language Schools & Language Learning Apps
• Kindergartens, Primary & Secondary Schools
• Business Coaches & Mentoring Services
• Cooking Academies & Culinary Schools
• Health, Fitness & Wellness Coaches
• Universities & Educational Institutions
• Any Education or Training Business

Files Included

• HTML Files (50+ pages across 10 demo concepts)
• SCSS Source Files (fully modular)
• Compiled CSS Files
• JavaScript Files
• Image & Icon Assets (WebP optimized)
• Font Awesome Webfonts
• Documentation

Support

If you have any questions or need help with customization, please visit our
support center at
support.wprealizer.com. We aim to respond to all inquiries within a maximum of 24 hours.

Note

• Images used in the live preview are for demonstration purposes only and are
  not included in the download package.
• If you need the demo images, please contact our support team.

Don’t Forget to Rate This Item ⭐

If you love Eduflow, please take a moment to leave a rating — it means a lot
to us and helps us keep creating great templates!

Changelog

v1.0.0 – Initial Release

• 10 unique homepage demo concepts launched
• 50+ pages across all demo concepts
• Full SCSS source files included
• GSAP + Lenis animation system integrated
• SplitText with 8 unique title animation styles
• Kindergarten 9-page sub-theme included
• WebP-optimized image assets

The post Eduflow – Education HTML Template first appeared on MasterTemplate.

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

The post Education Online Course PWA Mobile Html Template first appeared on MasterTemplate.

EduThink is a modern and user-friendly NextJS template designed for online courses, e-learning platforms, and educational websites. Perfect for universities, coaching centers, and LMS platforms.

Note: We will continue to update with new templates and inner pages to keep your projects fresh and relevant.

Template Features:

• 01 Home Pages
• 20+ Inner Pages
• Bootstrap Grid 1320px
• Clear Blog Layout
• Fully Customization
• Well Organized Group and layers
• Pixel Perfect
• 24/7 Great Support
• Image are not included
• Free Google Fonts
• Unique and Modern Style
• Detailed Documentation
• Good color combination
• Figma named layers and group
• Regular Updates

All Files

• 01_Home
• 02_About_Us
• 03_Course_Grid
• 04_Course_List
• 05_Course_Grid_Video
• 06_Courses_Details
• 07_Instructors
• 08_Instructors_Details
• 09_Blog
• 10_Blog_Sidebar
• 11_Blog_Details
• 12_Faqs
• 13_Testimonials
• 14_Pricing Plans
• 15_Error_404
• 16_Login
• 17_Register
• 18_Contact_Us

Use Google Fonts

• Plus Jakarta Sans
• Instrument Serif

Icons Used

• Flaticon
• Fontawesome
• Lucide Icons

Image Credits

• Pexels
• Freepik

Note

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

If you love the HTML template, Don’t forget to rate us 5 stars and let us know your feedback for a better update.

The post EduThink | Online Courses & Education NextJS Template first appeared on MasterTemplate.