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.
Important: Not all the examples were migrated to Riot.js 4. The examples prefixed wip folder. Please be patient
Note: The Riot.js 3 examples are available here .
We have several examples to choose from; each one demonstrates different aspects of Riot:
Basics
| Example | ||
|---|---|---|
| Timer | Source | Demo |
| Todo | Source | Demo |
| Todo (pre-compiled) | Source | Demo |
| Live filtering | Source | Demo |
| Color Palette | Source | Demo |
| Observables | Source | Demo |
| Router - Page switcher | Source | Demo |
| Animated list reordering | Source | Demo |
| Simple modal | Source | Demo |
| Live Ajax Search | Source | Demo |
Advanced
| Example | ||
|---|---|---|
| TypeScript | Source | |
| Source | Demo | |
| Router - Complex | Source | Demo |
| Router - History API | Source | |
| Router - Lazy Routes | Source | |
| Webpack | Source | |
| Rollup | Source | |
| SSR | Source | |
| Source | ||
| GraphQL | Source |
Extra
| Example | ||
|---|---|---|
| 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.

Formed in 2009, the Archive Team (not to be confused with the archive.org Archive-It Team) is a rogue archivist collective dedicated to saving copies of rapidly dying or deleted websites for the sake of history and digital heritage. The group is 100% composed of volunteers and interested parties, and has expanded into a large amount of related projects for saving online and digital history.
