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

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

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

Whether you are offering one-to-one coaching, business consulting, leadership training, personal growth programs, online courses, workshops, or speaking services, Lifecraft gives you everything you need to build a professional coaching website without writing code.

Perfect For

• Business Coach Websites
• Life Coach Websites
• Personal Development Coaches
• Leadership Coaches
• Mentors & Consultants
• Motivational Speakers
• Online Coaching Programs
• Training & Workshop Websites
• Career Coach Websites
• Health, Mindset & Wellness Coaches

Key Features

• Modern, clean, and professional design
• Powerful coaching and consulting website layouts
• One-click demo import
• Built with Elementor page builder
• Fully responsive and mobile-friendly design
• SEO-friendly structure
• Fast loading and optimized performance
• Beautiful service and coaching program sections
• About, portfolio, testimonial, blog, and contact layouts
• Easy customization without coding knowledge
• Contact Form 7 compatible
• Google Fonts support
• Cross-browser compatible
• Well-documented and easy to use

Built with Elementor

Lifecraft is powered by Elementor, making it easy to customize every section visually. You can edit texts, images, colors, typography, spacing, and layouts using a simple drag-and-drop interface.

Conversion-Focused Coaching Layouts

Lifecraft includes professionally designed sections for hero banners, services, coaching programs, about information, client success stories, testimonials, FAQs, contact forms, and calls to action. These sections are crafted to help visitors understand your value and take action.

Responsive & Mobile Ready

Your website will look beautiful on all modern devices, including desktops, laptops, tablets, and smartphones. Lifecraft is fully responsive and optimized for a smooth browsing experience.

Easy Demo Import

Get started quickly with one-click demo import. Import the demo content, replace it with your own text and images, and launch your coaching website faster.

SEO Friendly & Performance Optimized

Lifecraft is built with clean code, SEO-friendly markup, and optimized assets to help your website perform better and provide a great user experience.

Included Pages & Sections

• Home Page
• About Page
• Services Page
• Service Details Page
• Coaching Programs Section
• Testimonials Section
• Blog Page
• Blog Details Page
• Contact Page
• FAQ Section
• Call-to-Action Sections

Why Choose Lifecraft?

Lifecraft is carefully designed for coaches and consultants who want a professional, trustworthy, and high-converting website. With beautiful layouts, easy customization, and modern WordPress features, Lifecraft helps you showcase your expertise and grow your coaching business online.

Theme Support

If you need help, our dedicated support team is ready to assist you. Lifecraft also comes with detailed documentation to guide you through installation, demo import, and customization.

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

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

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.

Mindu – College, School & Online Courses HTML Template is a modern, clean, and feature-rich solution designed specifically for educational institutions such as schools, colleges, universities, eLearning platforms, and online course providers. This template allows you to present courses, teachers, academic programs, events, and student activities in a professional and engaging way.

Built with a strong focus on usability and performance, Mindu combines elegant design with practical functionality. Every section is thoughtfully structured to highlight courses, instructors, admissions, schedules, testimonials, and learning resources. Whether you are managing a traditional educational institution or an online learning platform, this template provides everything needed to build a strong digital presence.

This Education HTML Template is ideal for institutions looking to attract students, improve engagement, and showcase their academic offerings effectively. Whether you are launching a new website or redesigning an existing one, Mindu offers a scalable and professional solution for the education sector.

Key Features

• Fully Responsive and Retina Ready:
  Mindu is fully responsive and adapts seamlessly across all devices including desktops, tablets, and smartphones. The retina-ready design ensures sharp visuals and high-quality user experience on every screen.
• 3 Unique Homepages:
  Comes with 3 modern and unique homepage layouts designed for different types of educational platforms such as schools, colleges, and online courses.
• Course & Program Showcase:
  Display detailed course information including curriculum, duration, pricing, and instructor details in a structured and user-friendly layout.
• Teacher & Instructor Profiles:
  Highlight your faculty members with dedicated profile pages including qualifications, experience, and social links.
• Beautiful UI & Modern Design:
  Clean typography, balanced layouts, and modern UI elements create a professional and engaging user experience.
• Blog Integration:
  Share educational articles, news updates, tips, and announcements with built-in blog layouts to improve engagement and SEO.
• Customizable and Developer-Friendly:
  Built using clean HTML5, CSS3, and modern coding standards. Easy to customize layouts, colors, and components according to your brand.
• SEO & Performance Optimized:
  Optimized for fast loading and better search engine rankings to attract more students and visitors.
• Contact & Admission Forms:
  Integrated contact and admission forms help students easily connect and apply for courses.
• Smooth Animations & Interactions:
  Subtle animations and transitions enhance the overall user experience and make the interface more interactive.

Included Pages

• Home Pages (3): Multiple homepage variations for school, college, and online course platforms.
• Courses Page: Display all available courses with details and filtering options.
• Course Details Page: Complete course overview including curriculum, instructor, duration, and pricing.
• Teachers Page: Showcase all instructors and faculty members.
• Teacher Details Page: Individual profile pages with detailed information.
• About Us: Overview of your institution, mission, and achievements.
• Blog: Share educational content, news, and updates.
• Contact Us: Contact details, inquiry form, and location map.

Why Choose This Template?

• Professional Education Design: Specifically crafted for schools, colleges, and eLearning platforms.
• Easy Customization: Flexible and developer-friendly structure for quick edits.
• Complete Education Features: Includes all essential pages and components required for an education website.
• Well Documented: Easy-to-follow documentation for smooth setup and customization.

Full Features List

• Based on Bootstrap 5.x
• 100% Responsive Layout
• Modern, Clean & Creative Design
• SASS Powered CSS
• Cross-Browser Compatible
• Touch Friendly
• Typography Optimized
• W3C Validated Code
• Complete UI Components
• Clean and Commented Code
• 3 Home Pages
• 20+ Inner Pages
• 23+ Total Pages
• Valid HTML5 / CSS3
• HTML, CSS & JS Files Included
• Detailed Documentation

Sources and Credits

• Bootstrap
• jQuery
• Swiper JS

Fonts Used

• Inter Google Fonts

Image Credits

• Freepik
• Unsplash

Please Note:

• All images are used for preview purposes only. They are not included in the final purchase files.

Mindu – College, School & Online Courses HTML Template is a modern, clean, and feature-rich solution designed specifically for educational institutions such as schools, colleges, universities, eLearning platforms, and online course providers. This template allows you to present courses, teachers, academic programs, events, and student activities in a professional and engaging way.

Built with a strong focus on usability and performance, Mindu combines elegant design with practical functionality. Every section is thoughtfully structured to highlight courses, instructors, admissions, schedules, testimonials, and learning resources. Whether you are managing a traditional educational institution or an online learning platform, this template provides everything needed to build a strong digital presence.

This Education HTML Template is ideal for institutions looking to attract students, improve engagement, and showcase their academic offerings effectively. Whether you are launching a new website or redesigning an existing one, Mindu offers a scalable and professional solution for the education sector.

Key Features

• Fully Responsive and Retina Ready:
  Mindu is fully responsive and adapts seamlessly across all devices including desktops, tablets, and smartphones. The retina-ready design ensures sharp visuals and high-quality user experience on every screen.
• 3 Unique Homepages:
  Comes with 3 modern and unique homepage layouts designed for different types of educational platforms such as schools, colleges, and online courses.
• Course & Program Showcase:
  Display detailed course information including curriculum, duration, pricing, and instructor details in a structured and user-friendly layout.
• Teacher & Instructor Profiles:
  Highlight your faculty members with dedicated profile pages including qualifications, experience, and social links.
• Beautiful UI & Modern Design:
  Clean typography, balanced layouts, and modern UI elements create a professional and engaging user experience.
• Blog Integration:
  Share educational articles, news updates, tips, and announcements with built-in blog layouts to improve engagement and SEO.
• Customizable and Developer-Friendly:
  Built using clean HTML5, CSS3, and modern coding standards. Easy to customize layouts, colors, and components according to your brand.
• SEO & Performance Optimized:
  Optimized for fast loading and better search engine rankings to attract more students and visitors.
• Contact & Admission Forms:
  Integrated contact and admission forms help students easily connect and apply for courses.
• Smooth Animations & Interactions:
  Subtle animations and transitions enhance the overall user experience and make the interface more interactive.

Included Pages

• Home Pages (3): Multiple homepage variations for school, college, and online course platforms.
• Courses Page: Display all available courses with details and filtering options.
• Course Details Page: Complete course overview including curriculum, instructor, duration, and pricing.
• Teachers Page: Showcase all instructors and faculty members.
• Teacher Details Page: Individual profile pages with detailed information.
• About Us: Overview of your institution, mission, and achievements.
• Blog: Share educational content, news, and updates.
• Contact Us: Contact details, inquiry form, and location map.

Why Choose This Template?

• Professional Education Design: Specifically crafted for schools, colleges, and eLearning platforms.
• Easy Customization: Flexible and developer-friendly structure for quick edits.
• Complete Education Features: Includes all essential pages and components required for an education website.
• Well Documented: Easy-to-follow documentation for smooth setup and customization.

Full Features List

• Based on Bootstrap 5.x
• 100% Responsive Layout
• Modern, Clean & Creative Design
• SASS Powered CSS
• Cross-Browser Compatible
• Touch Friendly
• Typography Optimized
• W3C Validated Code
• Complete UI Components
• Clean and Commented Code
• 3 Home Pages
• 20+ Inner Pages
• 23+ Total Pages
• Valid HTML5 / CSS3
• HTML, CSS & JS Files Included
• Detailed Documentation

Sources and Credits

• Bootstrap
• jQuery
• Swiper JS

Fonts Used

• Inter Google Fonts

Image Credits

• Freepik
• Unsplash

Please Note:

• All images are used for preview purposes only. They are not included in the final purchase files.

Nori seamlessly integrates with popular learning management system plugins such as LearnPress and Tutor LMS, offering flexibility to choose the LMS that best suits your needs. The theme is fully compatible with Zoom Integration, allowing you to stay connected with your audience through live classes, webinars, and virtual events.

Here’s a link if you wish to view the nori documentation.

Enhance your e-learning content with Nori, the most impressive LMS theme for online courses, education, university, and LMS platforms.

Nori is created for the Learning Management System. Online OR Offline The theme is perfect for e-Learning, Course School, Online School, Kindergarten, Classic LMS, University Status, Instructor Portfolio, Language Academy, Gym Coaching, Online Course, Single Course, marketplace, University Classic, Home Elegant, Home technology, and other needed dashboard, inner and details pages availability. The theme has included everything you need for a complete online education center and LMS.

Nori has an available shop, cart, checkout, wishlist, and my account and has shop-related other pages that help you to sell online book shop marketplace or library. The theme has top-notch shop features Pixel-Perfect Interface, Perfect Product Layouts, Single Product Variation, Offcanvas for Mini Cart, One Page Checkout, and Wishlist Page.

Nori comes with interactive design tools and features that could leave you feeling like a pro after just a few clicks. The theme is easy to use and you can create your own website or market by copying, pasting, and assembling.

Theme Features:

• 10 Demo Multi Homepages:
  You can choose the perfect home from our builds and adjust it to your needs. You can adjust everything easily from Theme Option and Elementor page builder.
• 50+ inner pages
• Zoom Integration
• Event Management System with WP Events Manager & The Events Calendar
• One Click Demo Installer Included:
  You can easily import demo data using the one-click demo import plugin. So you can just make a demo site using one click it will help you reduce lots of time.
• Responsive Layout:
  Our theme is also 100% responsive that’s why it will work nicely on all smart devices(smartphones, tablets, PCs, and desktops).
• Elementor Page Builder:
  Elementor Page Builder is an easy-to-use drag-and-drop page builder that will help you to create any layout you can imagine quickly and easily. No coding skills required!
• Powerful Theme Options :
  Using nori option you can change many things easily. As like logo, header style, footer style, color, menu settings, blog layout, banner, preloader, etc.
• Powerful Framework:
  nori is based on the most popular, well-established, powerful Redux theme options framework!
• Unlimited Color Options:
  Theme Options allow you to fully customize the fonts and colors across the theme, to fit your brand identity.
• Advanced typography options:
  Choose any of the Google web fonts library through the powerful theme options panel! Now you can set a unique style for your brand!
• WPML & Translation Ready:
  nori is compatible with the most popular WordPress plugin that supports the creation of multilingual layouts. Translate your website to any language with WPML!
• Mailchimp integration:
  Integrate your newsletter subscription with your specific Mailchimp account contact list.
• Compatible with Contact Form 7:
  nori is compatible with the most powerful and most popular custom contact forms WordPress widget! create your forms in seconds!
• Crossbrowser compatibility :
  nori looks great among all major browsers including IE9+.
• Compatible with the WooCommerce .
• RTL:Comming soon.
• Wide & Boxed Layouts.
• Light and Dark mode.
• Coming Soon page Easily import the Coming Soon template and customize it using your theme’s pre-defined elements.
• Mega Menu Set the menu you want from a single level menu to the Mega Menu.
• PortfolioCreate beautiful gallery collages with lightbox or gallery pages using WordPress default galleries, no plugins-shortcode required
• Blog layouts: Grid – Carousel – Grid – left List – List – with or without sidebar versions.
• 07 Header types.
• 04 Footer Layouts.
• 9+ Services styles.
• 4+ Portfolio styles.
• Side Area.
• Content Entry Animations.
• Valid HTML5 / CSS3.
• SCSS Compatible.
• Clean and Commented Code.
• W3 Validate Markup.
• 100% valid W3 web standards.
• Child Theme included.
• Detailed Documentation:Extensive documentation guides on how to set up and customize nori will make your customizations super easy and fast! available here
• Support : We offer experienced support for you. Our staff is now bigger and ready to help you with every step of website creation.