Awesome Knockout []

A curated list of awesome plugins for Knockout framework.

Frameworks

• TKO Technical Knockout - The mono repo for Knockout.js (4.0+)
• Knockout - Knockout makes it easier to create rich, responsive UIs with JavaScript
• Knockback - Knockback.js provides Knockout.js magic for Backbone.js Models and Collections
• Durandal - A cross-device, cross-platform client framework written in JavaScript. Unmaintained, replaced with Aurelia.
• Aurelia - Canon continuation of Durandal with entirely rewritten codebase. Is a reimagining of concepts intoduced by Knockout in an Angular2-like ecosystem on TypeScript.

Single Page Applications

• Falconjs - Adds structure to knockout.js by incorporting models, collections, and views
• Pagerjs - Single Page Application Framework for KnockoutJS

Routers

• Router - Router for single-page apps

Integrations

• Knockout-UI - Rich UI components based on KnockoutJS (Jquery UI)
• Kendo - A project to create a robust set of Knockout.js bindings for the Kendo UI widgets
• Bootstrap - A plugin that adds custom bindings for twitter bootstrap objects such as tooltips and popovers
• ASP.NET MVC - Power of Knockout.js for ASP.NET MVC
• Rails - KnockoutJS for Rails
• React - A wrapper / bridge for using React.js with Knockout and Knockout with React.js
• React - Knockout bind React
• Meteor - A Knockout-to-Meteor bridge

Charts

• Knockout Chart Binding around chart.js

Plugins and libraries

Mapping

• Mapping - Object mapping plugin for KnockoutJS
• Mapping Merge - Addon to knockout.mapping to merge object props.
• Knockout Mapper - An extensible and fast object mapping plugin for KnockoutJS
• Knockout ViewModel - The knockout viewmodel plugin is the fastest, smallest, cleanest, most flexible way to create a knockout viewmodel.

Validation

• Knockout-Validation - A validation library for Knockout JS Examples: http://jsfiddle.net/KHFn8/5424/

Pub/Sub

• Postbox - Publish/subscribe decoupled communication between separate view models and components

Other

• Sortable - A Knockout.js binding to connect observableArrays with jQuery UI sortable functionality
• Grid - A data grid plugin for Knockout
• External Template Engine - Custom Template Engine and Template Source for Knockout.js that loads external templates
• Deferred Updates - The plugin that modifies parts of Knockout’s observable/subscription system to use deferred updates
• Delegated Events - Simple and flexible plugin to do declarative event delegation
• Projections - Adds lodash FP chainability to observable arrays
• Observable Dictionary - An implementation of an observable dictionary
• Model - A base model for Knockout.js entities
• Namespaces - Namespaces for Knockout.js
• Rest - A simple library to extend Knockout.js objects with RESTful actions
• Local Storage - LocalStorage persistence for Knockout.js
• knockout-Selectize (esbenp) Knockout binding for selectize.js
• knockout-selectize (krnlde) Knockout binding ofr selectize.js
• knockout selectize binding (MrTrick) Selectize.js binding for knockout.
• Knockout Transformations - Live transform methods (sort / filter / map / index) for Knockout observable arrays

Developer Experience

IDE Plugins

VSCode

• Knockout Binding Support - Syntax Highlighter for data-bind syntax
• Knockout.js Snippets for VS Code - Code snippets for Knockout.js

Browser DevTools / Extensions

• Knockout Context Hover - Adds hovering panel showing selected element viewmodel's data and context
• Knockoutjs Context Debugger - Adds to Inspector separate pane with selected element viewmodel context and data attributes

Custom Bindings

Data

• Punches - Collection of enhanced binding syntaxes
• Switch Case - Powerful control flow bindings
• Repeat - The repeat binding can replace foreach in many instances and is faster and simpler
• Table - Table binding plugin for Knockout
• Bind Initial Value - Bind observables with an initial value.
• Fast ForEach - O(1) foreach binding provider
• Knockout-Else - custom binding for if/else/elseif

Animation and UI

• Animate - Animate.css binding.
• Fast ForEach - O(1) foreach binding provider
• Datepicker binding handler - (2.x) author:rniemeyer

Security

• knockout-secure-binding - Custom binding provider that can be used with a Content Security Policy that prohibits unsafe eval (such as web-apps)

Components

• Cart - Simple browser-based shopping cart that uses local storage
• Testing - Helpful utilities for TDD + Knockout.js

Syntactic Sugar

• ES5 ES5 reduce all those brackets around your observables.

Module Loading

SystemJS

• SystemJS - SystemJS plugin for loading Knockout.js Templates
• SystemJS - SystemJS Knockout JS Module Loader

Examples

• WebSockets - Example of real time collaborative web app using WebSockets and Knockout
• TodoMVC - TodoMVC in knockout Source

Sample Apps

• Knockout-App - A basic functioning CRUD application using KnockoutJS that demonstrates the use of knockout-mapping plugin and components

Articles

• Communication between multiple View Models in KnockoutJS (MVVM), the right approach!
• How to build a large, single-page javascript application with KnockoutJS

Snippets

• Confirm Click - Link with confirmation prompt. (native)