List of awesome tools made with Riot.js

Demos

• Riot Examples - Community's Official
• Riot Animore - Official Tags Animations Library
• Riot Todo MVC
• Hackernews reader
• Vuejs examples by Riotjs
• Flux-like ES6 Todo
• Timer
• Another flux demo comparable to React ones
• Various experiments
• Isomorphic application
• Isomorphic proof of concept
• flux-riot todo
• Another Riot Todo MVC
• Cheft isomorphic by express
• electron-riot - Riot in an electron application
• An express, riot, jade, webpack simple boilerplate
• Riot.js vs React.js comparison of a simple comment box
• Riot Seed project - webpack, routing, ava tests, dispatcher
• Riot-Redux League Table example
• Riot vs React vs Ractive Counters using Redux store
• Riot Chrome Extension Boilerplate

Books

• Building Apps with Riot

Tutorials

• Building Apps with Riot, ES6 and Webpack
• Building Apps with Riot, Babel, RiotControl and Webpack
• Building tabs with Riot
• The "React tutorial" for Riot
• How to package "tag libraries" in Riot
• Another React tutorial with Riot
• Riot Custom Tag by Example
• Riot Compiler Explained
• Adding compiled Riot tags to your Gulp + Browserify build
• The anatomy of a tag - a primer tutorial
• Using TDD with Riot+mocha+chai
• The Basics - from ground up to connected tag-networks
• Hello Riot.js : a quick tutorial about this awesome lib

Video Tutorials

• Introduction
• Loops, Events and Callbacks
• Server Rendering with Node & Express
• Riot And Webpack Setup
• Riot and Redux - Part 1
• Riot and Redux - Part 2
• Riot and Redux - Part 3
• Riot and Redux - Part 4
• Riot and Redux - Part 5
• Riot and Redux - Part 6

Libraries / Frameworks

• Flux- like event controller for Riot
• flux-riot framework
• Cheftjs - chinese framework for Riot
• Veronica - flux adaption for Riot
• Minimal Flux dispatcher pattern
• riot-format: a format library for riotjs, like angular $filter
• riot-view-router: a simple state based router mixin
• riotx - Centralized State Management for riot.js
• storybook for riot.js components ^alpha
• riot-meiosis - State management for Riot 4
• riot-final-form - Final Form wrapper for Riot 4

Components

• Material UI
• RiotGear Components
• RiotGear Router
• Riot Bootstrap
• iToolkit
• Riot Routehandler-(Demo)
• Riot Flipcard - (Demo)
• Riot Grid - (Demo)
• Riot Grid2 - (Demo)
• Riot Subtag - faster than lots of if's
• ESLint Riot Plugin
• riot-animate
• Nest UI - (Demo)
• rGrid - (Demo)
• typewriter - (Demo)
• Riot Particles - Particles, confetti, fireworks and other animations component

Resources

• create-riot-app dev environment
• Riot + AngularJS
• Module loader for WebPack
• Riot + Meteor
• Riot Snake Game
• Riot Tag Syntax Checker
• Riot 文档中译版 :cn:
• Riot + Wintersmith
• Riot precompiler plugin for lineman
• Riot Startkit - Flux inspired skeleton app + WebPack + PostCSS
• Yeoman generator - Generator riot mobile
• Yeoman generator - Generator riot element
• Riot for TypeScript
• Riot loader plugin for RequireJS
• Riot loader plugin for JSPM/SystemJS
• RiotJS Style Guide
• Riot Cheatsheet
• Riot 4 SPA Boilerplate

Miscellaneous

• Q&A with RiotJS author Tero Piirainen
• riot-detector (Chrome Extension)

Editors / Editor Plugins (Syntax highlighting, autcompletion, etc...)

• riot (Atom Package)
• language-riot-tag (Atom Package)
  • Based on Vue's official Sublime Text highlighter
  • Note: Designed for html, not jade.
• sublime-tag (Sublime Text)
• riot-tag (Visual Studio)
• web-mode (Emacs)
  • See how to configure #1967