Open-Awesome
CategoriesAlternativesStacksSelf-HostedExplore
Open-Awesome

© 2026 Open-Awesome. Curated for the developer elite.

TermsPrivacyAboutGitHubRSS
  1. Home
  2. Categories
  3. Front-End Development
  4. Marionette.js

Marionette.js

The "Awesome Marionette.js" project is a curated collection of resources for developers using Marionette.js, a composite application framework built on Backbone.js. This list encompasses a variety of resources including plugins, extensions, tutorials, and best practices that enhance the development experience with Marionette.js. It is particularly beneficial for both beginners looking to understand the framework and experienced developers seeking to optimize their applications. With a focus on modularity and maintainability, users can find valuable insights and tools to elevate their Marionette.js projects to the next level.

backbonejsweb-appsjavascript-frameworkfrontend-developmentmodular-architecture
RSSView on GitHub
153 stars17 forks0 contributorsUpdated
Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a projectStar on GitHub

Table of Contents

6 sections · 81 projects

General

8 projects
Github repositoryGithub repository

A composite application library for Backbone.js that simplifies building large-scale JavaScript applications.

#event-driven#marionettejs#javascript-framework
Stars7,038
Forks1,241
Last commit26 days ago
Annotated source

marionettejs.com
Marionette.js Blog

blog.marionettejs.com
StackOverflow

stackoverflow.com
Gitter chat

gitter.im
Marionette InspectorMarionette Inspector

A browser extension for inspecting and debugging Marionette.js applications directly within Chrome or Firefox DevTools.

#marionettejs#inspector#browser-extension
Stars170
Forks40
Last commit7 years ago
Yeoman generator for Marionette.jsYeoman generator for Marionette.js

A Yeoman generator for scaffolding full-stack JavaScript applications with Express, Marionette, Backbone, and AMD.

#grunt#amd#full-stack
Stars327
Forks68
Last commit9 years ago
MarionetteJS CLI package for atom

atom.io

Tutorials and articles

33 projects
A Thorough Introduction To Backbone.Marionette Part 1: Application

smashingmagazine.com
A Thorough Introduction To Backbone.Marionette Part 2: Modules

smashingmagazine.com
A Thorough Introduction To Backbone.Marionette Part 3: Views

smashingmagazine.com
A Simple Backbone.Marionette tutorial: Application. Simple List

davidsulc.com
A Simple Backbone.Marionette tutorial: Application with Interactions

davidsulc.com
A Visual Guide To Marionette.js Views

artandlogic.com
Representing Marionette.js Views With State

artandlogic.com
The Case for Marionette.js

benmccormick.org
Connecting Data to Your Views

benmccormick.org
Building Complex Layouts with Marionette.js

benmccormick.org
The Life of a Marionette View

benmccormick.org
Building Modular Web Apps with Backbone.Radio

benmccormick.org
From Backbone.js to Marionette.js (Russian)

habrahabr.ru
Marionette.js Behaviors, Part 1: The Basics

spin.atomicobject.com
Marionette.js Behaviors, Part 2: Testing Behaviors

spin.atomicobject.com
Things I Learned from Building a Large Scale Backbone + Marionette Application

authenticff.com
Design Rules in a Backbone-Marionette App

cloudandcode.tumblr.com
A Short Primer on Marionette.js

cloudandcode.tumblr.com
Pimping Backbone with Marionette

scm.io
Handling Forms with Marionette.js

spin.atomicobject.com
Nested Views in Backbone.Marionette

blog.mojotech.com
DRY up Your Views in Backbone Marionette

blog.mojotech.com
Strengthening Our Backbone with Marionette (Part I)

tech.kinja.com
Tutorial: Nested Views Using Backbone Marionette's CompositeView

davidsulc.com
Components with Backbone.js and Marionette.js

blog.jeremyfairbank.com
Managing Layouts and Nested Views with Backbone.Marionette

lostechies.com
Revisiting the Backbone Event Aggregator: Lessons Learned

lostechies.com
Why Should I Use Backbone.Marionette Instead of … ?

lostechies.com
Polymer Web Components with Marionette.js

blog.jeremyfairbank.com
Building a Marionette App with Flux Architecture

iamnotarealprogrammer.com
Marionette-Service: Service Objects for Marionette

benmccormick.org
Refactoring a JavaScript Application to Use Microservices: What We Learned with Backbone and Marionette

safaribooksonline.com
SEO-Enabling Your Marionette App

docs.google.com

Books

8 projects
Building Backbone Plugins

leanpub.com
Backbone.Marionette.js: A Gentle Introduction

leanpub.com
Structuring Backbone Code with RequireJS and Marionette Modules

leanpub.com
Marionette Exposé

leanpub.com
Backbone.Marionette.js: A Serious Progression

leanpub.com
Getting Started with Backbone Marionette

amazon.com
Marionette Guides

gitbook.com
Better Backbone Applications with MarionetteJS

shop.smashingmagazine.com

Videos

18 projects
Dancing with Marionette

youtube.com
Backbone.js with Derick Bailey

youtube.com
The Tools and Patterns for Building Large-Scale Backbone Applications

youtube.com
Episode 03 of BackboneRails Screencast

youtube.com
Backbone Marionette and Require.js

youtube.com
Backbone's Rarely Enough: An Introduction to Backbone Marionette

youtube.com
Unsuck Your Backbone

youtube.com
Building Modular and Component Driven Architecture in Backbone.js and Marionette.js

youtube.com
Marionette: The Backbone Framework from BackboneConf 2014

youtube.com
Building Beautiful Apps with Marionette

youtube.com
Nesting Your Views in Marionette

youtube.com
Marionette Behaviors

youtube.com
Backbone.Wreqr

youtube.com
Jason Laster - Backbone Under the Magnifying Glass Tools for Exploring and Debugging Your Apps

youtube.com
Browserify + Marionette = Better Apps

youtube.com
Using DevTools for Marionette Debugging

youtube.com
Routing Made Better

youtube.com
View and Application State

youtube.com

Examples and boilerplates

9 projects
MarionetteJS + RequireJS + Twitter BootstrapMarionetteJS + RequireJS + Twitter Bootstrap

A ready-to-use boilerplate for building JavaScript apps with Backbone, Marionette, RequireJS, and Bootstrap.

#marionettejs#single-page-application#amd-modules
Stars61
Forks25
Last commit12 years ago
Marionette Gentle IntroductionMarionette Gentle Introduction

Companion code repository for the 'Backbone.Marionette.js: A Gentle Introduction' book with example application.

#code-examples#single-page-applications#mvc-pattern
Stars341
Forks177
Last commit10 years ago
Marionette WiresMarionette Wires

An opinionated example application demonstrating best practices for building complex apps with Marionette.js.

#gulp#javascript-framework#single-page-application
Stars322
Forks78
Last commit9 years ago
Marionette CookbookMarionette Cookbook

A collection of example patterns and recipes for building applications with Marionette.js.

#browserify#javascript-framework#client-side-applications
Stars105
Forks20
Last commit11 years ago
A Place to Write About Technical Subjects on the WebA Place to Write About Technical Subjects on the Web

A web application for writing and publishing technical content using GitHub Gists.

#version-control#developer-tools#github-gists
Stars88
Forks16
Last commit11 years ago
StreamusStreamus

A YouTube video player Chrome extension that plays music in the background with playlist management.

#youtube-player#audio-player#javascript
Stars1,071
Forks212
Last commit4 years ago
Marionette-IntegrationsMarionette-Integrations

A collection of starter kits and examples for building Marionette.js applications with various build tools and test frameworks.

#marionettejs#boilerplate-template#javascript-framework
Stars118
Forks112
Last commit8 years ago
ES6 Marionette ProjectES6 Marionette Project

Boilerplate project with ECMAScript 6 support for Backbone.Marionette applications, including build tools and testing.

#gulp#browserify#karma
Stars62
Forks16
Last commit9 years ago
Todo ListTodo List

A collection of Todo app implementations in various JavaScript MV* frameworks to help developers compare and choose.

#code-examples#open-source#educational
Stars28,925
Forks13,746
Last commit2 days ago

Related Awesome Lists

💚
Vue.js

The "Awesome Vue.js" project is a curated collection of resources aimed at supporting developers using Vue.js, a progressive JavaScript framework for building user interfaces. This list encompasses a variety of resources including libraries, tools, plugins, tutorials, and community contributions that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this list provides invaluable resources to help you create dynamic and responsive web applications. Dive into this collection to discover tools and insights that will elevate your Vue.js projects to the next level.

73.6k
⚛️
React

The "Awesome React" project is a curated resource list designed to support developers using React, a popular JavaScript library for building user interfaces. This list includes a wide range of resources such as libraries, tools, tutorials, components, and community-driven content that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this collection provides valuable insights and tools to streamline your workflow. Dive into the world of React and discover the resources that will help you create dynamic and responsive user interfaces with ease.

72.7k
📦
Android UI

The "Awesome Android UI" project is a curated resource list dedicated to enhancing user interface design for Android applications. Android UI refers to the visual elements and interactive components that make up the user experience on Android devices. This list includes a variety of resources such as UI libraries, design tools, components, animations, and tutorials that cater to both novice and experienced developers. By providing a comprehensive selection of resources, this project empowers developers to create visually appealing and user-friendly applications. Whether you're looking for inspiration or practical tools to streamline your design process, you'll find valuable assets to elevate your Android UI development.

55.8k
🌊
Tailwind CSS

The "Awesome Tailwind CSS" project is a comprehensive repository of resources dedicated to using Tailwind CSS, a utility-first CSS framework for building custom user interfaces rapidly. This curated list includes official documentation, IDE extensions, tools, UI libraries, components, and plugins, providing valuable aids for developers of all skill levels. With resources for design inspiration and development support, the project fosters a vibrant community around Tailwind CSS. Whether you’re searching for components or enhancing your workflow, this collection serves as a go-to guide for maximizing the potential of Tailwind CSS.

15.0k