Find me on GitHub

Welcome to the Morea Framework

Easily generate educational websites organized by Modules, Outcomes, Readings, Experiences, and Assessments.

Make the pedagogy visible

Morea implements a simple pedagogical pattern: a course is a sequence of modules, each with one or more learning outcomes. Modules can combine one or more passive readings (providing background) with one or more active experiences (in-class work or homework). Finally, a module can contain one or more assessments to help students determine if they've achieved the learning outcomes.

Our experience shows that students and teachers both benefit by making this course design explicit. For example, Morea generates course websites that organize course content in multiple ways: by modules, outcomes, readings, experiences, and assessments. This makes it easier for teachers to design well structured courses, and easier for students to understand what they need to learn and how to learn it.

Improve development with Github

Content management systems like Wordpress make it easy to design the first version of a course website. But they do not make it easy to duplicate and revise a course website in future semesters, or copy and adapt material developed by others.

On the other hand, GitHub provides marvelous infrastructure for iterative enhancement and deployment of educational websites, including:

  • Free storage of content.
  • Free private repositories for educators.
  • Free hosting of project websites.
  • The ability to clone, branch, and fork repositories.

Morea uses Github to make it easier to create courses and improve them over time. Morea and Github help you collaborate with students and teachers to more easily create and improve educational content.

Focus on content, not styling

Nice websites involve lots of CSS and HTML, which is a pain to maintain manually. Jekyll is a "static site generator" that enables you to develop your course content in Markdown format without using HTML.

Morea leverages Jekyll to separate HTML/CSS presentation details from your course content. Morea builds modern, responsive websites using Twitter Bootstrap, so they display well on laptops, tables, and smart phones.

Why try Morea?

Still not sure whether Morea is right for you? This six minute video explains why you might (or might not) find the Morea Framework useful.

Ready to learn more?

Quick Start

Install software and get started with a sample template.

User Guide

Details on writing modules, outcomes, readings, experiences, and assessments.

Developer Guide

Don't like how it works? Here's how Morea is designed and how you can modify it.


Check out course websites developed with Morea.