Get started with riot CDN
MIT licensed
Riot.js is a minimalistic, reusable, and fast library for building component-based user interfaces.
Tags:- custom tags
- custom elements
- web components
- virtual dom
- shadow dom
- polymer
- react
- jsx
- minimal
- minimalist
- client-side
- framework
- declarative
- templating
- template
- data binding
- mvc
- router
- model
- view
- controller
- riotjs
- riot.js
Stable version
Copied!
How to start using riot CDN
// Include Riot.js library
<script src="https://cdn.cdnhub.io/riot/9.1.4/riot.min.js"></script>
// Define the Counter component
class Counter extends Riot.Component {
constructor() {
super();
this.state = { count: 0 };
}
increment() {
this.setState({ count: this.state.count + 1 });
}
render() {
return `
<button onclick=${() => this.increment()}>Increment</button>
<p>Count: ${this.state.count}</p>
`;
}
}
// Register the Counter component
Riot.component('counter', Counter);
// Use the Counter component
<counter></counter>
Copied!
Copied!
Copied!
Copied!
All versions
0.9.10
0.9.4
0.9.5
0.9.6
0.9.7
0.9.8
0.9.9
1.0.0
1.0.1
1.0.2
1.0.3
1.0.4
2.0.1
2.0.10
2.0.11
2.0.12
2.0.13
2.0.14
2.0.15
2.0.2
2.0.3
2.0.4
2.0.5
2.0.6
2.0.7
2.0.7a
2.0.8
2.0.9
2.1.0
2.2.0
2.2.1
2.2.2
2.2.2-beta
2.2.3
2.2.4
2.3.0
2.3.0-beta
2.3.1
2.3.11
2.3.12
2.3.13
2.3.15
2.3.16
2.3.17
2.3.18
2.4.0
2.4.1
2.5.0
2.6.0
2.6.1
2.6.2
2.6.3
2.6.4
2.6.5
2.6.6
2.6.7
2.6.8
2.6.9
3.0.0
3.0.0-alpha.1
3.0.0-alpha.10
3.0.0-alpha.11
3.0.0-alpha.12
3.0.0-alpha.13
3.0.0-alpha.2
3.0.0-alpha.3
3.0.0-alpha.4
3.0.0-alpha.5
3.0.0-alpha.7
3.0.0-alpha.8
3.0.0-alpha.9
3.0.0-rc
3.0.1
3.0.2
3.0.3
3.0.4
3.0.5
3.0.6
3.0.7
3.1.0
3.1.1
3.10.0
3.10.1
3.10.2
3.10.3
3.11.0
3.11.1
3.11.2
3.12.0
3.13.0
3.13.1
3.13.2
3.2.0
3.2.1
3.3.0
3.3.1
3.3.2
3.4.0
3.4.1
3.4.2
3.4.3
3.4.4
3.5.0
3.5.1
3.6.0
3.6.1
3.6.2
3.6.3
3.7.0
3.7.2
3.7.3
3.7.4
3.8.0
3.8.1
3.8.2
3.9.0
3.9.1
3.9.2
3.9.3
3.9.4
3.9.5
4.0.0
4.0.0-alpha.10
4.0.0-alpha.12
4.0.0-alpha.13
4.0.0-alpha.14
4.0.0-alpha.2
4.0.0-alpha.3
4.0.0-alpha.4
4.0.0-alpha.5
4.0.0-alpha.6
4.0.0-alpha.7
4.0.0-alpha.8
4.0.0-beta.1
4.0.0-beta.2
4.0.0-beta.3
4.0.0-beta.4
4.0.0-beta.5
4.0.0-beta.6
4.0.0-rc.1
4.0.0-rc.10
4.0.0-rc.11
4.0.0-rc.12
4.0.0-rc.13
4.0.0-rc.14
4.0.0-rc.15
4.0.0-rc.16
4.0.0-rc.17
4.0.0-rc.18
4.0.0-rc.19
4.0.0-rc.2
4.0.0-rc.20
4.0.0-rc.3
4.0.0-rc.4
4.0.0-rc.5
4.0.0-rc.6
4.0.0-rc.7
4.0.0-rc.8
4.0.0-rc.9
4.0.1
4.0.2
4.0.3
4.0.4
4.0.5
4.0.6
4.0.7
4.0.8
4.1.0
4.1.1
4.10.0
4.10.1
4.11.0
4.11.1
4.12.0
4.12.1
4.12.2
4.12.3
4.12.4
4.13.0
4.13.1
4.13.2
4.13.3
4.13.4
4.13.5
4.13.6
4.14.0
4.2.0
4.3.0
4.3.1
4.3.2
4.3.3
4.3.4
4.3.5
4.3.6
4.3.7
4.3.8
4.3.9
4.4.0
4.4.1
4.5.0
4.5.1
4.6.0
4.6.1
4.6.2
4.6.3
4.6.4
4.6.5
4.6.6
4.7.0
4.7.1
4.7.2
4.8.0
4.8.1
4.8.2
4.8.3
4.8.4
4.8.5
4.8.6
4.8.7
4.8.8
4.8.9
4.9.0
4.9.1
4.9.2
4.9.3
5.0.0
5.0.0-alpha.1
5.0.0-alpha.2
5.0.0-alpha.3
5.1.0
5.1.1
5.1.2
5.1.3
5.1.4
5.2.0
5.3.0
5.3.1
5.3.2
5.3.3
5.4.0
5.4.1
5.4.2
5.4.3
5.4.4
5.4.5
6.0.0
6.0.1
6.0.2
6.0.3
6.0.4
6.1.0
6.1.1
6.1.2
7.0.0
7.0.1
7.0.2
7.0.3
7.0.4
7.0.5
7.0.6
7.0.7
7.1.0
9.0.0
9.0.0-rc
9.0.0-rc.2
9.0.0-rc.3
9.0.1
9.0.2
9.0.3
9.0.4
9.1.0
9.1.1
9.1.2
9.1.3
9.1.4
9.1.5
9.1.6
9.1.7
9.1.8
9.2.0
9.2.1
9.2.2
9.3.0
9.4.0
9.4.1
9.4.2
9.4.3
*** 9.4.4