Demos and examples for Riot and submodules
HTML JavaScript CSS
Switch branches/tags
Nothing to show
Clone or download
Permalink
Failed to load latest commit information.
_assets Adds a figure for rollup bundling Dec 3, 2016
animated-list-reordering updated: prefer the https protocol for our official site May 13, 2018
bug-reporter updated: prefer the https protocol for our official site May 13, 2018
color-palette updated: prefer the https protocol for our official site May 13, 2018
es6 updated: prefer the https protocol for our official site May 13, 2018
graphql Moved to riot events and remove unused options in webpack Aug 19, 2017
if-else-elseif updated: prefer the https protocol for our official site May 13, 2018
live-ajax-search updated: prefer the https protocol for our official site May 13, 2018
live-editor updated: prefer the https protocol for our official site May 13, 2018
live-filtering updated: prefer the https protocol for our official site May 13, 2018
mixins updated: prefer the https protocol for our official site May 13, 2018
observables updated: prefer the https protocol for our official site May 13, 2018
plunker updated: prefer the https protocol for our official site May 13, 2018
pre-process-less updated: prefer the https protocol for our official site May 13, 2018
redux Moved to riot events and remove unused options in webpack Aug 19, 2017
riot-config updated: prefer the https protocol for our official site May 13, 2018
rollup updated: dependencies Jan 23, 2018
router-complex updated: prefer the https protocol for our official site May 13, 2018
router-history-api Fix dependency issues Nov 23, 2016
router-page-switcher updated: prefer the https protocol for our official site May 13, 2018
timer updated: prefer the https protocol for our official site May 13, 2018
todo-app-precompiled fixed: also the precompiled todo version related to riot/riot#2109 Jan 10, 2017
todo-app updated: prefer the https protocol for our official site May 13, 2018
webpack updated: webpack example using the newest babel version and babel-env May 10, 2018
.gitattributes updated: enhance tags syntax highlighting Apr 14, 2017
.gitignore added: animated list reordering example using flipjs Feb 21, 2016
.travis.yml updated: use the latest node version May 10, 2018
CONTRIBUTING.md fixed: link to riot on rawgit Feb 28, 2016
LICENSE Initial commit Aug 15, 2015
README.md updated: prefer the https protocol for our official site May 13, 2018

README.md

Build Status MIT License

Riot Examples

This is a series of examples designed to showcase the benefits of adopting Riot. It is made possible by the Riot open source community.

Note: These examples are basically tested on the latest version of Riot. Check the older examples here for v2.

We have several examples to choose from; each one demonstrates different aspects Riot:

Basics

Example
Timer Source Demo
Todo Source Demo
Todo (pre-compiled) Source Demo
Live filtering Source Demo
Mixins Source Demo
Observables Source Demo
Router - Page switcher Source Demo
Animated list reordering Source Demo
Live Ajax Search Source Demo

Advanced

Example
ES6 Source Demo
Pre-process LESS Source Demo
Router - Complex Source Demo
Router - History API Source
Webpack Source
Rollup Source
Redux Source
GraphQL Source

Extra

Example
If, then, elseif Source Demo

Contribute

If you have an example that you think others could benefit from and you'd like to share it please read the contributing guidelines and submit a PR.

Bugs

If you find something that isn't expected please raise an issue and we'll get on it. To make it easier to debug please use the Bug Reporter.