← Back to Awesome

Sections

Marionette.js

GitHub repository ↗ synced 2026/8/9

Awesome Marionette.js Awesome

A list of resources for marionette.js

General

Official site
Github repository
Annotated source
Marionette.js Blog
StackOverflow

Tagged questions

Gitter chat
Marionette Inspector
Yeoman generator for Marionette.js
Marionette CLI
MarionetteJS CLI package for atom

Tutorials and articles

A Thorough Introduction To Backbone.Marionette Part 1: Application
A Thorough Introduction To Backbone.Marionette Part 2: Modules
A Thorough Introduction To Backbone.Marionette Part 3: Views
A Simple Backbone.Marionette tutorial: Application. Simple List
A Simple Backbone.Marionette tutorial: Application with Interactions
The Case for Marionette.js
Connecting Data to Your Views
Building Complex Layouts with Marionette.js
The Life of a Marionette View
Building Modular Web Apps with Backbone.Radio
From Backbone.js to Marionette.js (Russian)

by Mahnunchik

Marionette.js Behaviors, Part 1: The Basics
Marionette.js Behaviors, Part 2: Testing Behaviors
Design Rules in a Backbone-Marionette App
A Short Primer on Marionette.js
Strengthening Our Backbone with Marionette (Part I)
SEO-Enabling Your Marionette App
  • A Visual Guide To Marionette.js Views by Matt Bajoras
  • Representing Marionette.js Views With State by Matt Bajoras
  • Things I Learned from Building a Large Scale Backbone + Marionette Application by Ian Williams
  • Pimping Backbone with Marionette by Tom Herold
  • Handling Forms with Marionette.js by Al Scott
  • Nested Views in Backbone.Marionette by Sam Saccone
  • DRY up Your Views in Backbone Marionette by Sam Saccone
  • Tutorial: Nested Views Using Backbone Marionette's CompositeView bu David Sulc
  • Components with Backbone.js and Marionette.js by Jeremy Fairbank
  • Managing Layouts and Nested Views with Backbone.Marionette by Derick Bailey
  • Revisiting the Backbone Event Aggregator: Lessons Learned by Derick Bailey
  • Why Should I Use Backbone.Marionette Instead of … ? by Derick Bailey
  • Polymer Web Components with Marionette.js by Jeremy Fairbank
  • Building a Marionette App with Flux Architecture by Kurtis Kemple
  • Marionette-Service: Service Objects for Marionette by Ben McCormick
  • Refactoring a JavaScript Application to Use Microservices: What We Learned with Backbone and Marionette by Pasha Craydon

Books

Marionette Guides
Better Backbone Applications with MarionetteJS
  • Building Backbone Plugins by Derick Bailey and Jerome Gravel-Niquet
  • Backbone.Marionette.js: A Gentle Introduction by David Sulc
  • Structuring Backbone Code with RequireJS and Marionette Modules by David Sulc
  • Marionette Exposé by Jack Killilea
  • Backbone.Marionette.js: A Serious Progression by David Sulc
  • Getting Started with Backbone Marionette by Raymundo Armendariz and Arturo Soto

Videos

Dancing with Marionette

Youtube channel

Building Beautiful Apps with Marionette
Nesting Your Views in Marionette
Marionette Behaviors
Backbone.Wreqr
Jason Laster - Backbone Under the Magnifying Glass Tools for Exploring and Debugging Your Apps
Browserify + Marionette = Better Apps
Using DevTools for Marionette Debugging
Routing Made Better
View and Application State
  • Backbone.js with Derick Bailey by Derick Bailey
  • The Tools and Patterns for Building Large-Scale Backbone Applications by Brian Mann
  • Episode 03 of BackboneRails Screencast by Brian Mann
  • Backbone Marionette and Require.js by Daniel Cousineau
  • Backbone's Rarely Enough: An Introduction to Backbone Marionette by Len Smith
  • Unsuck Your Backbone by Amy Palamountain
  • Building Modular and Component Driven Architecture in Backbone.js and Marionette.js by Jeremy Fairbank Slides
  • Marionette: The Backbone Framework from BackboneConf 2014 by James Smith

Examples and boilerplates

Marionette Require Boilerplate
Marionette Contact Manager

Continuation of development "Backbone Contact Manager" but using Marionette.js

Marionette, Require, and Gulp.js Boilerplate

A Lightweight boilerplate originally project based off "Marionette Require Boilerplate", with Gulp.js integration instead of Grunt.js

MarionetteJS + RequireJS + Twitter Bootstrap

Let's start the dance! This boilerplate is a ready setup for starting your next awesome javascript app in minutes

Marionette Gentle Introduction
Marionette Wires
Marionette Cookbook
MarionetteJS + Brunch + Babel/ES6
A Place to Write About Technical Subjects on the Web
The Front End App for edit.sx
Streamus
Marionette-Integrations

example marionette apps using several different asset management tools

ES6 Marionette Project
Todo List

TodoMVC example

  • Webpack-Marionette A small boilerplate introducing webpack and es6 features to a Marionette/Backbone application, contains a sample CRUD application of an editable Cookbook.

Libraries

Marionette State
Marionette Virtual Dom
Marionette Form View
A Better Router for Backbone and Marionette Applications
Marionette.Toolkit

A collection of opinionated Backbone.Marionette extensions for large scale application architecture.

Orchestra

Client-side app orchestration framework