DownloadWhy do we need a new UI library? The frontend space is indeed crowded, but we honestly feel the solution is still “out there”. We believe Riot.js offers the right balance for solving the great puzzle. Riot.js brings custom elements to all modern browsers without the use of any polyfill! A custom element glues relevant HTML and JavaScript together forming a reusable component. It is designed to offer you everything you wished native the web components API looked like. HTML syntax is the de facto language of the web and it’s designed for building user interfaces. The syntax is explicit, nesting is inherent to the language, and attributes offer a clean way to provide options for custom tags. Minimalism sets Riot.js apart from others. One of the design goals was to introduce a powerful tag syntax with as little boilerplate as possible. Riot.js has between 10 and 100 times fewer API methods than other UI libraries.
Features
- Custom tags, enjoyable syntax, and elegant API
- Absolutely the smallest possible amount of DOM updates and reflows
- Fast expressions bindings instead of virtual DOM memory performance issues and drawbacks
- One way data flow: updates and unmounts are propagated downwards from parent to children
- Expressions are pre-compiled and cached for high performance
- Lifecycle events for more control
- Server-side rendering of custom tags for universal (isomorphic) applications
Project Samples
