Awesome Open Source
Awesome Open Source

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.

Important: Not all the examples were migrated to Riot.js 4. The examples prefixed 🚧 are not yet ported to Riot.js 4 and they are located in the 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
🚧 Pre-process LESS Source Demo
Router - Complex Source Demo
Router - History API Source
Router - Lazy Routes Source
Webpack Source
Rollup Source
SSR 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.


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
riot (16) 

Find Open Source By Browsing 7,000 Topics Across 59 Categories

Advertising 📦 10
All Projects
Application Programming Interfaces 📦 124
Applications 📦 192
Artificial Intelligence 📦 78
Blockchain 📦 73
Build Tools 📦 113
Cloud Computing 📦 80
Code Quality 📦 28
Collaboration 📦 32
Command Line Interface 📦 49
Community 📦 83
Companies 📦 60
Compilers 📦 63
Computer Science 📦 80
Configuration Management 📦 42
Content Management 📦 175
Control Flow 📦 213
Data Formats 📦 78
Data Processing 📦 276
Data Storage 📦 135
Economics 📦 64
Frameworks 📦 215
Games 📦 129
Graphics 📦 110
Hardware 📦 152
Integrated Development Environments 📦 49
Learning Resources 📦 166
Legal 📦 29
Libraries 📦 129
Lists Of Projects 📦 22
Machine Learning 📦 347
Mapping 📦 64
Marketing 📦 15
Mathematics 📦 55
Media 📦 239
Messaging 📦 98
Networking 📦 315
Operating Systems 📦 89
Operations 📦 121
Package Managers 📦 55
Programming Languages 📦 245
Runtime Environments 📦 100
Science 📦 42
Security 📦 396
Social Media 📦 27
Software Architecture 📦 72
Software Development 📦 72
Software Performance 📦 58
Software Quality 📦 133
Text Editors 📦 49
Text Processing 📦 136
User Interface 📦 330
User Interface Components 📦 514
Version Control 📦 30
Virtualization 📦 71
Web Browsers 📦 42
Web Servers 📦 26
Web User Interface 📦 210