cocktail - Cocktail: DRY up your backbone code with mixins

  •        15

Break out your shared Backbone.js model/collection/view behaviors into separate modules and mix them into your classes with Cocktail - an implementation of Backbone mixins. Mixins are simply bare-bones JavaScript objects that provide additional functionality to your Backbone objects. Think of them as bags of methods that will get added to all instances of your objects.


underscore : ^1.8.3



Related Projects

backbone-react-component - A bit of nifty glue that automatically plugs your Backbone models and collections into your React components, on the browser and server

  •    Javascript

Backbone.React.Component is a mixin and API that glues Backbone models and collections into React components. When used as a mixin the component is mounted, a wrapper starts listening to models and collections changes to automatically set your component state and achieve UI binding through reactive updates.

mixwith.js - A mixin library for ES6

  •    Javascript

A simple and powerful mixin library for ES6. mixwith differs from other mixin approaches because it does not copy properties from one object to another. Instead, mixwith works with "subclass factories" which create a new class that extends a superclass with the mixin - this is called a mixin application.

react-mixin - mixins in react with es6 style classes

  •    Javascript

React doesn't have anything built in for this, but don't worry! This package implements react's mixin strategy for arbitrary objects. 90% of the time you don't need mixins, in general prefer composition via high order components. For the 10% of the cases where mixins are best (e.g. PureRenderMixin and react-router's Lifecycle mixin), this library can be very useful.

Virgin Cocktail


This is a fork of the Cocktail application development framework.


  •    C

Software originally wrote to control our self-built cocktail mixers. It should also be usable for any other Cocktail-Mixer, because hardware control is independant from the main program.You just have to write a driver for your machine(which is very easy)

mocka - Simple, elegant content placeholder

  •    CSS

The mocka placeholder is a very simple content placeholder that you can use for your website or web application, while loading your page's content. It weighs very little (about 500 bytes minified and gzipped), is fully customizable and you can easily include it in your project's CSS file, by using the Sass mixin provided. Alternatively, you can copy its code and inline it in your HTML for even faster loading. Download the npm package, add the mixin to your project, then @import the file and @include the mixin, passing a single map as an argument. The map contains all the information needed to generate the classes from the mixin. You can find the map with the default values in the mocka.scss file.

sass-burger - A Sass mixin for creating hamburger icons.

  •    CSS

A Sass mixin for creating hamburger icons. Download the _burger.scss file manually, or use a package manager.

core-decorators - Library of stage-0 JavaScript decorators (aka ES2016/ES7 decorators but not accurate) inspired by languages that come with built-ins like @​override, @​deprecate, @​autobind, @​mixin and more

  •    Javascript

Library of JavaScript stage-0 decorators (aka ES2016/ES7 decorators but that's not accurate) inspired by languages that come with built-ins like @​override, @​deprecate, @​autobind, @​mixin and more. Popular with React/Angular, but is framework agnostic. Similar to Annotations in Java but unlike Java annotations, decorators are functions which are applied at runtime. This can be consumed by any transpiler that supports stage-0 of the decorators spec, like babel.js version 5. Babel 6 does not yet support decorators natively, but you can include babel-plugin-transform-decorators-legacy or use the applyDecorators() helper.

Sass-Web-Fonts - A Sass mixin to allow easy, efficient usage of Google Web Fonts.

  •    CSS

A Sass mixin to allow easy, efficient usage of Google Web Fonts. You can clone this repo and include _web-fonts.scss in your project manually, or you can install the sass-web-fonts package from npm or Bower.

backbone-boilerplate - A workflow for building Backbone applications.

  •    Javascript

This boilerplate is the product of much research and frustration. Existing boilerplates freely modify Backbone core, lack a build process, and are very prescriptive; Backbone Boilerplate changes that. The Backbone Boilerplate is a way of organizing a web application with some opinionated defaults, such as: Backbone, jQuery, Lodash, Grunt, Babel, Combyne, Karma, Mocha, and PureCSS for styles.

backbone_query - A lightweight query api for Backbone Collections

  •    CoffeeScript

To install, include the js/backbone-query.min.js file in your HTML page, after Backbone and it's dependencies. Then extend your collections from Backbone.QueryCollection rather than from Backbone.Collection. Backbone Query is also available via Jam. Jam is a package manager for browser js packages and uses require.js. This is the recommended method of you want to use this library with require.js. To install, simply run jam install backbone-query.

bourbon - A simple and lightweight mixin library for Sass.

  •    Ruby

A simple and lightweight mixin library for Sass.

destroyed_at - ActiveRecord Mixin for Safe Destroys

  •    Ruby

ActiveRecord Mixin for Safe Destroys

Reusable - A Swift mixin for reusing views easily and in a type-safe way (UITableViewCells, UICollectionViewCells, custom UIViews, ViewControllers, Storyboards…)

  •    Swift

This library aims to make it super-easy to create, dequeue and instantiate reusable views anywhere this pattern is used: from the obvious UITableViewCell and UICollectionViewCell to custom UIViews, even supporting UIViewControllers from Storyboards. All of that simply by marking your classes as conforming to a protocol, without having to add any code, and creating a type-safe API with no more String-based API. This concept, called a Mixin (a protocol with default implementation for all its methods), is explained here in my blog post in details.

Retina-Sprites-for-Compass - A mixin for creating retina sprites with hover & active states

  •    CSS

I created a drop in utility mixin to allow compass to automatically create sprites for normal and retina devices, and also providing hover and active states. I've provided a demo folder with working sample buttons.

react-pure-render - [No Maintenance Intended] A function, a component and a mixin for React pure rendering

  •    Javascript

This project is no longer actively maintained. It does its job, but there are no plans to extend or change it. We suggest you to use the official react-addons-shallow-compare package instead which does the same job. To wrap functional components in a more expressive way, we encourage you to check out recompose. A function, a component and a mixin for React pure rendering.

sass-flex-mixin - Flexbox mixins

  •    CSS

A version compatible with Compass is provided by @trinonsense, on the compass branch. Licensed under MIT.

angled-edges - :triangular_ruler: Quickly create angled section edges using only Sass

  •    CSS

A Sass mixin for creating angled edges on sections by dynamically encoding SVGs. The main mixin creates an svg right triangle that is encoded, set as a background image of a pseudo element, and absolutely positioned.