Skip to content
80

Awesome Cyclejs

A curated list of awesome Cycle.js resources

822 stars70 forks124 entriesLast push Sep 28, 2026 (2 days ago)License none

This page lists names, links and short descriptions. The original list on GitHub is the source and belongs to its authors.

Learn >Documentation

cycle.js.org

Cycle.js official tutorial and documentation.

In 2 lists

Learn >Tutorials

What Developers Need to Know about MVI (Model-View-Intent)

Post on MVI architecture.

Cycle.js: a reactive framework

Introduction to Cycle.js with real time data example.

Building realtime applications with CycleJS and RxJS

Learn how to build realtime applications with CycleJS and RxJS

Working with HTTP Streams with Cycle.js

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

Learn >Videos

What if the user was a function?

Presentation at JSConf BP2015 by Andre Staltz

In 2 lists

Unidirectional data flow architectures

Presentation AtTheFrontend Conference by Andre Staltz

Cycle.js and functional reactive user interfaces

Presentation at ReactiveConf 2015 by Andre Staltz

Intro to Functional Reactive Programming with Cycle.js

Presentation by Nick Johnstone

Cycle.js Fundamentals

Playlist at egghead.io

Cycle.js was built to solve problems

by Andre Staltz at Frontend.fi

Brains as Building Blocks

by Andre Staltz at CycleConf 2016

In 2 lists

Back to the Future, Hot reloading with Cycle.js

by Nick Johnstone at CycleConf 2016

From MVC to FRP

by Gleb Bahmutov at CycleConf 2016

Cycle.js on the bash side

by Hadrien de Cuzey at CycleConf 2016

Reactive Programming with Cycle.js

by Luca Mezzalira at JSDay 2016

Learning how to ride: an introduction to Cycle.js

by Fernando Macias Pereznieto at JS Monthly London

User Interfaces as Pure Functions of Time

Lightning talk by Thomas Belin at dotjs 2016

Learn >Slides

Cycle.js an honestly reactive framework for web user interfaces

by Eryk Napierała

Intro to Cycle.js

by Arye Lukashevki

Reactive Programming with Cycle.js

by Luca Mezzalira

Cycle.js - building apps with streams only

by Luca Matteis

Functional Reactive Programming with Cycle.js

by Sudarsan Balaji

Beyond flux: going full cycle with FRP

by Clément Delafargue

Learn >Example Applications

cyclejs/cycle-examples

Official collection of small Cycle.js examples

Widdershin/tricycle

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

cgeorg/todomvp

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

erykpiast/cyclejs-examples

Example web applications built with Cycle.js.

grozen/trends-cycle

Slack trend searching written in Cycle.js

ivan-kleshnin/cyclejs-examples

Collection of CycleJS examples, ES6.

ivan-kleshnin/tetris-cyclejs

Tetris game implemented in CycleJS, ES6

phadej/graafi

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

staltz/matrixmultiplication.xyz

A interactive matrix multiplication webapp

staltz/rxmarbles

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

In 2 lists

MarcCloud/magic-cart

Simple shopping cart of a magic creatures store.

foxdonut/cycle-todolist

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

Mercateo/component-check

Common patterns for building Cycle.js components

edge/electron-cycle-media

Media player written with Cycle.js and Electron.

kibin/cycle-example-who-to-follow

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

SkaterDad/cycle-snabbdom-examples

Examples of nested components, using snabbdom-specific animations.

bahmutov/draw-cycle

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

andreloureiro/pomocycle

A simple Pomodoro timer.

laszlokorte/tams-tools

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

lucamezzalira/jsday-cycle-js

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

cyclejs-community/built-with-cycle

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

class-ideas/cyclejs-hangman

A hangman game built with Cycle.js

wmaurer/cyclejs-fractals

Dancing pythagorean tree fractal - Animating 2048 SVG nodes.

fabiothiroki/cyclejs-starwars

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

staltz/mmmmm-mobile

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

cyclejs/todomvc-cycle

TodoMVC example implemented in Cycle.js

jefersondaniel/cyclejs-notes

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

staltz/dat-installer

Download, install, and update Android apps through Dat

usm4n/cycle-hn

Hackernews Clone Using CycleJS

lizraeli/cycle-github-emojis

A github emoji viewer made with Cycle.JS webapp

perjerz3434/meetup.com

Meetup.com RSVP visualization around the world using CycleJS

Tools >CLI

cyclejs-community/create-cycle-app

Create Cycle.js apps with no build configuration.

Libraries >Drivers

cyclejs/cycle-examples

Official collection of small Cycle.js examples

@cycle/storage

A Cycle.js Driver for using localStorage and sessionStorage.

cyclejs/cycle-notification-driver

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

axefrog/cycle-router5

A router driver using Router5

cgeorg/cycle-socket.io

A Cycle driver for Socket.IO clients

secobarbital/cycle-fetch-driver

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

r7kamura/cycle-fetcher-driver

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

benji6/cycle-audio-graph

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

CyclicMaterials/cycle-hammer-driver

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

jessaustin/cycle-sse-driver

Source driver for Server-Sent Events/EventSource.

tylors/cycle-snabbdom

DOM driver using Snabbdom

cyclejs-community/cyclic-router

Router Driver built for Cycle.js

Widdershin/cycle-animation-driver

Cycle driver for requestAnimationFrame

dralletje/cycle-firebase

A Cycle.js Driver for Firebase

edge/cycle-blessed

A Cycle.js Driver for terminal applications

10clouds/cyclejs-cookie

Cookies Driver for Cycle.js

whitecolor/cycle-async-driver

Factory for creating async request/response cycle.js drivers

raquelxmoss/cycle-keys

Driver for keyboard events

rektide/recyclec

Readline driver

goodmind/cycle-telegram

A Cycle.js Driver for Telegram Bot API

apoco/cycle-electron-driver

Driver to interact with Electron interface from Cycle.js application

rkrupinski/cyclejs-animated-localstorage

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

cyclejs-community/cycle-keyboard

A keyboard driver for cycle.js

garrydzeng/cycle-page

A tiny client-side router for Cycle.js

jbowden1982/cycle-socketcluster

A socketcluster driver for Cycle.js

cyclejs-community/redux-cycles

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

In 2 lists

JuniperChicago/cycle-gun

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

EnigmaCurry/cycle-deepstream

A Cycle.js driver for deepstream.io

Alex0007/cycle-express-driver

A Cycle.js driver for Express.js server

mrpierrot/cycle-node-http-server

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

mrpierrot/cycle-net

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

Avalander/cycle-idb

A Cycle.js driver wrapping IndexedDB

unhappychoice/cycle-pusher

A Cycle.js driver for Pusher

helmoski/cycle-selection-driver

A Cycle.js driver for interacting with the Selection API

mjyc/cycle-posenet-driver

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

Libraries >Utilities

staltz/chai-virtual-dom

Chai assertion helpers to test virtual-dom VTrees

cgeorg/sinject

a dependency injection tool supporting Cycle's circular dependencies

erykpiast/cyclejs-group

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

erykpiast/cyclejs-wc

Utility for creating Web Components based on Cycle.js

ohanhi/hyperscript-helpers

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

pH200/cycle-react

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

madcapjake/earlhyperscript

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

WorldMaker/cycle-gear

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

SuperManitu/cyclejs-sortable

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

atomrc/cyclejs-auth0

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

staltz/cycle-onionify

Fractal state management for Cycle.js apps

maiermic/cycle-storageify

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

shfrmn/cycle-lot

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

sarimarton/powercycle

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

Libraries >Boilerplates

andreloureiro/cyclejs-starter

Cycle.js starter template with ES6 and Livereload.

Frikki/generator-cyclejs

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

edge/cyc

Scaffold an isomorphic Cycle.js app in seconds.

cmdv/cycle-webpack-boilerplate

Cycle app with routing, state handling and tests.

Widdershin/cycle-hot-reloading-example

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

mciparelli/cycle-hmr-example

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

cycle-community/typescript-starter-cycle

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

wyqydsyq/unicycle

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

syarul/cycle-iso

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

snowpack-cycle

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

Libraries >Testing

erykpiast/cyclejs-mock

Utility for testing applications based on CycleJS framework.

jeysal/pretty-format-snabbdom

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

Libraries >Debugging

cyclejs/cycle-time-travel

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

Libraries >Components

erykpiast/autocompleted-select

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

enten/cyclejs-calendar

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

mciparelli/cyclejs-gravatar

Cycle.js component for rendering a gravatar profile image.

tommy-the-runner/cyclejs-ace-editor

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

raquelxmoss/cycle-color-picker

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

cyclejs-community/cycle-svg-pan-and-zoom

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

Community

Gitter chat

Ask 'how do I ...?'

See category
93

Awesome Vue

vuejs/awesome-vue

🎉 A curated list of awesome things related to Vue.js

Fresh★ 74k1067 entriesPushed 5 days ago
93

Awesome DESIGN.md

VoltAgent/awesome-design-md

A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

Fresh★ 119k74 entriesPushed 9 days ago
91

Awesome Angular

PatrickJS/awesome-angular

:page_facing_up: A curated list of awesome Angular resources

Fresh★ 10k1944 entriesPushed today
90

Awesome Blazor

AdrienTorris/awesome-blazor

Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.

Fresh★ 9.4k375 entriesPushed today
88

Must-Watch CSS

AllThingsSmitty/must-watch-css

CSS talks you have to see covering CSS Grid, flexbox, custom variables, performance, frameworks, tooling, and more! 📺

Fresh★ 4.9k70 entriesPushed 6 days ago
87

Awesome React Native

jondot/awesome-react-native

Awesome React Native components, news, tools, and learning material!

Fresh★ 36k194 entriesPushed 1 month ago