Hummingbird

A collection of Backbone Marionette components for rapid JS-powered mobile app development.

• Build tablet and mobile apps with one codebase
• Flexible view transitions
• Easy install via npm

Docs

Core

• Browser capabilities
• Transport
• AppLayout

Models

• DualStorage model

Layouts

• SplitView
• StackView

Views

• View
• ModalView
• TransitionView
• NotificationView
• SearchFormView
• TabView
• EmptyView
• FetchingView

Regions

• TransitionRegion

UI

• Orientation
• Carousel
• Transition
• Animation

Using in your project

> npm install hummingbird

Then, deep in your application:

var Hummingbird = require("hummingbird");

var View = Hummingbird.View;

var myCoolView = new View({
    template: require("./templates/myCoolView.nunj");
});

Then you can start using hummingbird components right away.

    var view = new Hummingbird.StackView();
    view.push(new Marionette.ItemView({template: require("templates/intro.nunj") }));
    view.pop();

Components

TransitionRegion

Push a view with a transition

    var view = new Hummingbird.StackView();
    view.push(new Marionette.ItemView({
            template: require("app/templates/intro.nunj")
        }),
        {
            transition: "slideLeft"
        });
    view.pop();

EmptyView

A default view for when a collectionview is empty.

FetchingView

A view that shows automatically while fetching a collection

Testing this repo

> npm install
> gulp test