Learn More - Custom NPM Packages | Crossroads Digital Design Kit

Learn More

Shared Code

When developing applications for Crossroads, copying and pasting code from one location to another is generally discouraged. For this reason, we've developed several custom packages that empower developers to integrate common portions of business logic into their node-compatible application.

Below is a (non-exhaustive) list of the more commonly referenced packages...

crds-styles

Includes a set of customized stylesheets that enable developers to quickly add stylistic defaults to thier application.
https://github.com/crdschurch/crds-styles

crds-ng2-content-block

This package will enable you to easily integrate content-blocks into your NG2 application.
https://github.com/crdschurch/crdschurch/crds-ng2-content-block

crds-shared-header

The shared header is a framework agnostic implementation of the responsive, global navigation menu.
https://github.com/crdschurch/crds-shared-header

crds-reactive-auth

This little library adds callbacks to your app that can be invoked when a user authenticates themselves.
https://github.com/crdschurch/crds-reactive-auth

crds-card-carousel

Adds a touch-supported horizontal carousel to a set of cards using the Flickity library.
https://github.com/crdschurch/crds-card-carousel

crds-jumbotron-video

Supports dynamically sizing a video container to play as a looping background video behind a jumbotron, while it also manages a jumbotron overlay that uses YouTube's JS API to create and play an inline video on top of the jumbotron content.
https://github.com/crdschurch/crds-jumbotron-video