Cycle.js

A collection of awesome Cycle.js tools, resources, videos and shiny things.

Cycle.js official tutorial and documentation.

Post on MVI architecture.

Introduction to Cycle.js with real time data example.

Learn how to build realtime applications with CycleJS and RxJS

Learn how to use Cycle.js to handle HTTP requests and responses

Presentation at JSConf BP2015 by Andre Staltz

Presentation AtTheFrontend Conference by Andre Staltz

Presentation at ReactiveConf 2015 by Andre Staltz

Presentation by Nick Johnstone

Playlist at egghead.io

by Andre Staltz at Frontend.fi

by Andre Staltz at CycleConf 2016

by Nick Johnstone at CycleConf 2016

by Gleb Bahmutov at CycleConf 2016

by Hadrien de Cuzey at CycleConf 2016

by Luca Mezzalira at JSDay 2016

by Fernando Macias Pereznieto at JS Monthly London

Lightning talk by Thomas Belin at dotjs 2016

by Eryk Napierała

by Arye Lukashevki

by Luca Mezzalira

by Luca Matteis

by Sudarsan Balaji

by Clément Delafargue

Official collection of small Cycle.js examples

Scratchpad for trying out Cycle.js, relies on Ace Editor with Cycle

Minimum Viable Pizza, an example webapp written in Cycle.js

Example web applications built with Cycle.js.

Slack trend searching written in Cycle.js

Collection of CycleJS examples, ES6.

Tetris game implemented in CycleJS, ES6

Cycle.js experiment with SVG and global undo/redo http://oleg.fi/graafi/

A interactive matrix multiplication webapp

Interactive diagrams of Rx Observables http://rxmarbles.com/

Simple shopping cart of a magic creatures store.

demonstrates a simple Cycle.js TODO list app with CRUD.

Common patterns for building Cycle.js components

Media player written with Cycle.js and Electron.

Small example partly implements twitter’s who to follow box using github api.

Examples of nested components, using snabbdom-specific animations.

Interactive visualization of counter application showing the data flow inside a MVI component glebbahmutov.com/draw-cycle

A simple Pomodoro timer.

A set of tools for teaching and learning computer science built with cycle.js.

Reactive Live London Tube trains status example built with Cycle.js.

A website to showcase the cool projects built with Cycle.js

A hangman game built with Cycle.js

Dancing pythagorean tree fractal - Animating 2048 SVG nodes.

A Star Wars character search app using Cycle.js, RxJS and Virtual DOM tests.

A React Native + Cycle.js app to implement a social network on Secure Scuttlebutt networks

TodoMVC example implemented in Cycle.js

Notes app using Cycle.js and Orbit.js https://jefersondaniel.com/cyclejs-notes

Download, install, and update Android apps through Dat

Hackernews Clone Using CycleJS

A github emoji viewer made with Cycle.JS webapp

Meetup.com RSVP visualization around the world using CycleJS

Create Cycle.js apps with no build configuration.

A Cycle.js Driver for making HTTP requests, based on superagent.

A Cycle.js driver to enable interaction with the DOM. The driver is based on snabbdom as the Virtual DOM library.

A Cycle.js Driver for using localStorage and sessionStorage.

This is the standard Cycle.js driver for dealing with the History API

A utility function to make scoped dataflow components in Cycle.js.

Fast and beautiful tests and time management for Cycle.js

A Cycle.js Driver for showing and responding to HTML5 Notifications.

A router driver using Router5

A Cycle driver for Socket.IO clients

A Cycle.js Driver for making HTTP requests, using the Fetch API.

A Cycle.js Driver for making HTTP requests using stackable-fetcher.

A Cycle.js Driver for manipulating the Web Audio API using virtual-audio-graph

A Cycle.js driver to wrap Hammer.js and detect touch gestures

Source driver for Server-Sent Events/EventSource.

DOM driver using Snabbdom

Router Driver built for Cycle.js

Cycle driver for requestAnimationFrame

A Cycle.js Driver for Firebase

A Cycle.js Driver for terminal applications

Cookies Driver for Cycle.js

Factory for creating async request/response cycle.js drivers

Driver for keyboard events

Readline driver

A Cycle.js Driver for Telegram Bot API

Driver to interact with Electron interface from Cycle.js application

A Cycle.js driver for animating (srsly) localStorage.

A keyboard driver for cycle.js

A tiny client-side router for Cycle.js

A socketcluster driver for Cycle.js

A Redux middleware that allows you to handle actions lifecycle with Cycle.js

A basic Cycle.js driver wrapping a gun.js instance allowing graph storage and p2p sync

A Cycle.js driver for deepstream.io

A Cycle.js driver for Express.js server

A Cycle.js driver for Node.js HTTP(S) server

A Cycle.js driver for Node.js HTTP(S)/WS(S)/Socket.io server

A Cycle.js driver wrapping IndexedDB

A Cycle.js driver for Pusher

A Cycle.js driver for interacting with the Selection API

A Cycle.js drivers for pose detection using TensorFlow.js-powered PoseNet

Cycle.js drivers for speech synthesis and recognition using Web Speech API

A Cycle.js driver for playing sounds using HTMLAudioElement

Chai assertion helpers to test virtual-dom VTrees

a dependency injection tool supporting Cycle's circular dependencies

Utility for CycleJS framework for reducing boilerplate when creating groups of streams.

Utility for creating Web Components based on Cycle.js

elm-html inspired helpers for writing hyperscript or virtual-hyperscript.

use React instead of virtual-dom with a Cycle-like API

A helper function and macro for using Earl Grey's document-building syntax with Cycle.js.

A main function factory for Cycle based upon a formalization of Cycle's MVI pattern

Make everything sortable via drag and drop in only one line of code!

Everything you need to start playing with Auth0 on your Cyclejs app (Driver + component)

Fractal state management for Cycle.js apps

Augments your Cycle.js component (main function) by storing its onion-shaped state in local storage

Handle dynamic lists of Cycle.js components with ease (full typesript support)

Static VDOM composition and React-like development on top of Cycle.js

Cycle.js starter template with ES6 and Livereload.

Scaffold out a Cycle.js Nested Dialogue module using Yeoman.

Scaffold an isomorphic Cycle.js app in seconds.

Cycle app with routing, state handling and tests.

A Cycle.js starter project with hot reloading using browserify-hmr

A Cycle.js starter project using browserify and cycle-hmr

A simple project for getting started with TypeScript in cycle.js, using Webpack. Has settings for Visual Studio Code as candy.

A boilerplate universal Cycle app running on a Koa.js server with HMR and ServiceWorkers via Webpack

A barebone boilerplate Cycle app with data stream base on promises and fetched with Falcor.js

Snowpack app template to create Cycle.js projects with create-snowpack-app

Utility for testing applications based on CycleJS framework.

A pretty-format (Jest snapshot) plugin for rendering snapshots of snabbdom VNodes as nicely as those of React elements

A time travelling debugger for Cycle.js apps. Displays a stream visualizer that you can drag to go back in time.

Select Web Component with autocompletion. Based on RxJS and VirtualDOM.

Calendar component for Cycle.js. Try it online here.

Cycle.js component for rendering a gravatar profile image.

Cycle.js intergration with Ace Editor using brace. Check an example here.

A Color Picker component for Cycle.js. Check out the example.

A Google Maps style SVG pan and zoom component for Cycle.js

Ask 'how do I ...?'