Track Awesome Cyclejs Updates Weekly

A curated list of awesome Cycle.js resources

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 cyclejs-community/awesome-cyclejs · ⭐ 826 · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Dec 14 - Dec 20, 2020

Libraries / Boilerplates

• snowpack-cycle (⭐2) - Snowpack app template to create Cycle.js projects with create-snowpack-app

Mar 25 - Mar 31, 2019

Libraries / Utilities

• sarimarton/powercycle - Static VDOM composition and React-like development on top of Cycle.js

Nov 12 - Nov 18, 2018

Learn / Example Applications

• perjerz3434/meetup.com ★1 (⭐2) - Meetup.com RSVP visualization around the world using CycleJS

Oct 29 - Nov 04, 2018

Libraries / Drivers

• mjyc/cycle-posenet-driver ★1 (⭐5) - A Cycle.js drivers for pose detection using TensorFlow.js-powered PoseNet (⭐12k)

• @cycle-robot-drivers/speech ★1 (⭐5) - Cycle.js drivers for speech synthesis and recognition using Web Speech API

• @cycle-robot-drivers/sound ★1 (⭐5) - A Cycle.js driver for playing sounds using HTMLAudioElement

Oct 22 - Oct 28, 2018

Libraries / Drivers

• mrpierrot/cycle-net ★0 (⭐2) - A Cycle.js driver for Node.js HTTP(S)/WS(S)/Socket.io server

Oct 08 - Oct 14, 2018

Libraries / Debugging

• cyclejs/cycle-time-travel ★213 - A time travelling debugger for Cycle.js apps. Displays a stream visualizer that you can drag to go back in time.

Jul 30 - Aug 05, 2018

Libraries / Utilities

• shfrmn/cycle-lot (⭐2) - Handle dynamic lists of Cycle.js components with ease (full typesript support)

Dec 25 - Dec 31, 2017

Learn / Example Applications

• lizraeli/cycle-github-emojis (⭐3) - A github emoji viewer made with Cycle.JS webapp

Libraries / Drivers

• helmoski/cycle-selection-driver (⭐4) - A Cycle.js driver for interacting with the Selection API

Nov 06 - Nov 12, 2017

Learn / Example Applications

• staltz/dat-installer ★77 (⭐281) - Download, install, and update Android apps through Dat

• usm4n/cycle-hn ★25 (⭐44) - Hackernews Clone Using CycleJS

Libraries / Utilities

• maiermic/cycle-storageify ★5 (⭐6) - Augments your Cycle.js component (main function) by storing its onion-shaped state in local storage

Libraries / Testing

• jeysal/pretty-format-snabbdom ★0 (⭐5) - A pretty-format (⭐41k) (Jest snapshot) plugin for rendering snapshots of snabbdom VNodes as nicely as those of React elements

Oct 30 - Nov 05, 2017

Learn / Example Applications

• jefersondaniel/cyclejs-notes (⭐5) - Notes app using Cycle.js and Orbit.js https://jefersondaniel.com/cyclejs-notes

Libraries / Drivers

• unhappychoice/cycle-pusher ★1 (⭐5) - A Cycle.js driver for Pusher

Oct 16 - Oct 22, 2017

Learn / Slides

• Cycle.js - building apps with streams only - by Luca Matteis

Learn / Example Applications

• cyclejs/cycle-examples - Official collection of small Cycle.js examples

• Widdershin/tricycle ★23 (⭐23) - Scratchpad for trying out Cycle.js, relies on Ace Editor with Cycle

• cgeorg/todomvp ★21 (⭐23) - Minimum Viable Pizza, an example webapp written in Cycle.js

• erykpiast/cyclejs-examples ★9 (⭐9) - Example web applications built with Cycle.js.

• ivan-kleshnin/cyclejs-examples ★120 (⭐122) - Collection of CycleJS examples, ES6.

• ivan-kleshnin/tetris-cyclejs ★12 (⭐16) - Tetris game implemented in CycleJS, ES6

• staltz/matrixmultiplication.xyz ★548 - A interactive matrix multiplication webapp

• staltz/rxmarbles ★2,577 - Interactive diagrams of Rx Observables http://rxmarbles.com/

• foxdonut/cycle-todolist ★11 - demonstrates a simple Cycle.js TODO list app with CRUD.

• Mercateo/component-check ★468 - Common patterns for building Cycle.js components

• edge/electron-cycle-media ★27 (⭐28) - Media player written with Cycle.js and Electron.

• SkaterDad/cycle-snabbdom-examples ★12 (⭐13) - Examples of nested components, using snabbdom-specific animations.

• bahmutov/draw-cycle ★112 (⭐143) - Interactive visualization of counter application showing the data flow inside a MVI component glebbahmutov.com/draw-cycle

• andreloureiro/pomocycle ★21 (⭐25) - A simple Pomodoro timer.

• laszlokorte/tams-tools ★24 (⭐30) - A set of tools for teaching and learning computer science built with cycle.js.

• lucamezzalira/jsday-cycle-js ★16 (⭐17) - Reactive Live London Tube trains status example built with Cycle.js.

• cyclejs-community/built-with-cycle ★9 (⭐9) - A website to showcase the cool projects built with Cycle.js

• class-ideas/cyclejs-hangman ★10 (⭐9) - A hangman game built with Cycle.js

• wmaurer/cyclejs-fractals ★15 (⭐20) - Dancing pythagorean tree fractal - Animating 2048 SVG nodes.

• fabiothiroki/cyclejs-starwars ★2 (⭐4) - A Star Wars character search app using Cycle.js, RxJS and Virtual DOM tests.

• staltz/mmmmm-mobile ★124 (⭐875) - A React Native + Cycle.js app to implement a social network on Secure Scuttlebutt networks

• cyclejs/todomvc-cycle ★214 (⭐240) - TodoMVC example implemented in Cycle.js

Tools / CLI

• cyclejs-community/create-cycle-app ★160 (⭐240) - Create Cycle.js apps with no build configuration.

Libraries / Drivers

• @cycle/http (⭐10k) - A Cycle.js Driver for making HTTP requests, based on superagent.

• @cycle/dom - A Cycle.js driver to enable interaction with the DOM. The driver is based on snabbdom as the Virtual DOM library.

• @cycle/storage (⭐52) - A Cycle.js Driver for using localStorage and sessionStorage.

• @cycle/history (⭐10k) - This is the standard Cycle.js driver for dealing with the History API

• @cycle/isolate (⭐10k) - A utility function to make scoped dataflow components in Cycle.js.

• @cycle/time (⭐10k) - Fast and beautiful tests and time management for Cycle.js

• cyclejs/cycle-notification-driver ★20 (⭐21) - A Cycle.js Driver for showing and responding to HTML5 Notifications.

• axefrog/cycle-router5 ★30 (⭐29) - A router driver using Router5

• cgeorg/cycle-socket.io ★27 (⭐29) - A Cycle driver for Socket.IO clients

• r7kamura/cycle-fetcher-driver ★14 (⭐14) - A Cycle.js Driver for making HTTP requests using stackable-fetcher (⭐19).

• benji6/cycle-audio-graph ★12 (⭐19) - A Cycle.js Driver for manipulating the Web Audio API using virtual-audio-graph (⭐336)

• CyclicMaterials/cycle-hammer-driver ★11 (⭐11) - A Cycle.js driver to wrap Hammer.js and detect touch gestures

• jessaustin/cycle-sse-driver ★6 (⭐7) - Source driver for Server-Sent Events/EventSource.

• tylors/cycle-snabbdom ★41 (⭐41) - DOM driver using Snabbdom

• cyclejs-community/cyclic-router ★90 (⭐110) - Router Driver built for Cycle.js

• Widdershin/cycle-animation-driver ★33 (⭐35) - Cycle driver for requestAnimationFrame

• dralletje/cycle-firebase ★21 (⭐21) - A Cycle.js Driver for Firebase

• edge/cycle-blessed ★46 (⭐49) - A Cycle.js Driver for terminal applications

• 10clouds/cyclejs-cookie ★2 (⭐2) - Cookies Driver for Cycle.js

• whitecolor/cycle-async-driver ★25 (⭐23) - Factory for creating async request/response cycle.js drivers

• raquelxmoss/cycle-keys ★35 (⭐33) - Driver for keyboard events

• goodmind/cycle-telegram ★15 (⭐19) - A Cycle.js Driver for Telegram Bot API

• apoco/cycle-electron-driver ★22 (⭐23) - Driver to interact with Electron interface from Cycle.js application

• rkrupinski/cyclejs-animated-localstorage ★12 (⭐14) - A Cycle.js driver for animating (srsly) localStorage.

• cyclejs-community/cycle-keyboard ★9 (⭐9) - A keyboard driver for cycle.js

• garrydzeng/cycle-page ★3 (⭐3) - A tiny client-side router for Cycle.js

• jbowden1982/cycle-socketcluster ★5 (⭐4) - A socketcluster driver for Cycle.js

• cyclejs-community/redux-cycles ★599 (⭐756) - A Redux middleware that allows you to handle actions lifecycle with Cycle.js

• JuniperChicago/cycle-gun ★18 (⭐26) - A basic Cycle.js driver wrapping a gun.js instance allowing graph storage and p2p sync

• EnigmaCurry/cycle-deepstream ★8 (⭐10) - A Cycle.js driver for deepstream.io

• Alex0007/cycle-express-driver ★1 (⭐1) - A Cycle.js driver for Express.js server

• mrpierrot/cycle-node-http-server ★4 (⭐6) - A Cycle.js driver for Node.js HTTP(S) server

• Avalander/cycle-idb ★4 (⭐12) - A Cycle.js driver wrapping IndexedDB

Libraries / Utilities

• staltz/chai-virtual-dom ★24 (⭐24) - Chai assertion helpers to test virtual-dom VTrees

• erykpiast/cyclejs-group ★20 (⭐18) - Utility for CycleJS framework for reducing boilerplate when creating groups of streams.

• erykpiast/cyclejs-wc ★2 (⭐4) - Utility for creating Web Components based on Cycle.js

• ohanhi/hyperscript-helpers ★390 - elm-html inspired helpers for writing hyperscript or virtual-hyperscript.

• pH200/cycle-react ★342 - use React instead of virtual-dom with a Cycle-like API

• WorldMaker/cycle-gear ★4 (⭐5) - A main function factory for Cycle based upon a formalization of Cycle's MVI pattern

• SuperManitu/cyclejs-sortable ★15 (⭐16) - Make everything sortable via drag and drop in only one line of code!

• atomrc/cyclejs-auth0 ★22 (⭐23) - Everything you need to start playing with Auth0 on your Cyclejs app (Driver + component)

• staltz/cycle-onionify ★244 - Fractal state management for Cycle.js apps

Libraries / Boilerplates

• andreloureiro/cyclejs-starter ★50 (⭐52) - Cycle.js starter template with ES6 and Livereload.

• Frikki/generator-cyclejs ★2 (⭐2) - Scaffold out a Cycle.js Nested Dialogue module using Yeoman.

• edge/cyc ★194 - Scaffold an isomorphic Cycle.js app in seconds.

• cmdv/cycle-webpack-boilerplate ★101 (⭐96) - Cycle app with routing, state handling and tests.

• Widdershin/cycle-hot-reloading-example ★27 (⭐27) - A Cycle.js starter project with hot reloading using browserify-hmr

• cycle-community/typescript-starter-cycle ★22 (⭐34) - A simple project for getting started with TypeScript in cycle.js, using Webpack. Has settings for Visual Studio Code as candy.

• wyqydsyq/unicycle ★6 (⭐10) - A boilerplate universal Cycle app running on a Koa.js server with HMR and ServiceWorkers via Webpack

• syarul/cycle-iso ★4 (⭐4) - A barebone boilerplate Cycle app with data stream base on promises and fetched with Falcor.js

Libraries / Testing

• erykpiast/cyclejs-mock ★22 (⭐22) - Utility for testing applications based on CycleJS framework.

Libraries / Components

• erykpiast/autocompleted-select ★10 (⭐11) - Select Web Component with autocompletion. Based on RxJS and VirtualDOM.

• enten/cyclejs-calendar ★11 (⭐10) - Calendar component for Cycle.js. Try it online here.

• raquelxmoss/cycle-color-picker ★44 (⭐58) - A Color Picker component for Cycle.js. Check out the example.

• cyclejs-community/cycle-svg-pan-and-zoom ★4 (⭐4) - A Google Maps style SVG pan and zoom component for Cycle.js

Apr 24 - Apr 30, 2017

Learn / Slides

• Beyond flux: going full cycle with FRP - by Clément Delafargue

Mar 20 - Mar 26, 2017

Learn / Tutorials

• Working with HTTP Streams with Cycle.js - Learn how to use Cycle.js to handle HTTP requests and responses

Jan 02 - Jan 08, 2017

Learn / Videos

• User Interfaces as Pure Functions of Time - Lightning talk by Thomas Belin at dotjs 2016

Aug 29 - Sep 04, 2016

Learn / Slides

• Functional Reactive Programming with Cycle.js - by Sudarsan Balaji

Jul 25 - Jul 31, 2016

Learn / Tutorials

• Building realtime applications with CycleJS and RxJS - Learn how to build realtime applications with CycleJS and RxJS

Learn / Videos

• 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

Jul 11 - Jul 17, 2016

Libraries / Drivers

• secobarbital/cycle-fetch-driver ★2 (⭐2) - A Cycle.js Driver for making HTTP requests, using the Fetch API.

Jun 27 - Jul 03, 2016

Learn / Videos

• Unidirectional data flow architectures - Presentation AtTheFrontend Conference by Andre Staltz

Libraries / Components

• tommy-the-runner/cyclejs-ace-editor ★0 (⭐1) - Cycle.js intergration with Ace Editor using brace (⭐1k). Check an example here.

May 23 - May 29, 2016

Learn / Tutorials

• Cycle.js: a reactive framework - Introduction to Cycle.js with real time data example.

Libraries / Boilerplates

• mciparelli/cycle-hmr-example ★0 (⭐0) - A Cycle.js starter project using browserify and cycle-hmr

May 16 - May 22, 2016

Learn / Tutorials

• What Developers Need to Know about MVI (Model-View-Intent) - Post on MVI architecture.

Learn / Slides

• Reactive Programming with Cycle.js - by Luca Mezzalira

Apr 25 - May 01, 2016

Learn / Videos

• Cycle.js was built to solve problems - by Andre Staltz at Frontend.fi

• Brains as Building Blocks - by Andre Staltz at CycleConf 2016

• 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

Libraries / Drivers

• rektide/recyclec ★0 (⭐0) - Readline driver

Apr 18 - Apr 24, 2016

Learn / Slides

• Intro to Cycle.js - by Arye Lukashevki

Learn / Example Applications

• grozen/trends-cycle ★3 (⭐3) - Slack trend searching written in Cycle.js

• MarcCloud/magic-cart ★6 (⭐6) - Simple shopping cart of a magic creatures store.

• kibin/cycle-example-who-to-follow ★16 (⭐15) - Small example partly implements twitter’s who to follow box using github api.

Libraries / Utilities

• cgeorg/sinject ★10 (⭐10) - a dependency injection tool supporting Cycle's circular dependencies

• madcapjake/earlhyperscript ★2 (⭐2) - A helper function and macro for using Earl Grey's document-building syntax with Cycle.js.

Libraries / Components

• mciparelli/cyclejs-gravatar ★0 (⭐0) - Cycle.js component for rendering a gravatar profile image.

Jan 18 - Jan 24, 2016

Learn / Videos

• What if the user was a function? - Presentation at JSConf BP2015 by Andre Staltz

• Cycle.js Fundamentals - Playlist at egghead.io

Learn / Example Applications

• phadej/graafi ★20 (⭐20) - Cycle.js experiment with SVG and global undo/redo http://oleg.fi/graafi/

Community / Components

• Gitter chat - Ask 'how do I ...?'

Jan 11 - Jan 17, 2016

Learn / Videos

• Cycle.js and functional reactive user interfaces - Presentation at ReactiveConf 2015 by Andre Staltz

Oct 05 - Oct 11, 2015

Learn / Slides

• Cycle.js an honestly reactive framework for web user interfaces - by Eryk Napierała

Jul 20 - Jul 26, 2015

Learn / Videos

• Intro to Functional Reactive Programming with Cycle.js - Presentation by Nick Johnstone

Jul 06 - Jul 12, 2015

Learn / Documentation

• cycle.js.org - Cycle.js official tutorial and documentation.