Need advice about which tool to choose?Ask the StackShare community!

Marko

24
50
+ 1
39
Riot

114
100
+ 1
68
Add tool

Marko vs Riot: What are the differences?

Developers describe Marko as "An isomorphic UI framework similar to Vue". Marko is a really fast and lightweight HTML-based templating engine that compiles templates to readable Node.js-compatible JavaScript modules, and it works on the server and in the browser. It supports streaming, async rendering and custom tags. On the other hand, Riot is detailed as "A React-like user interface micro-library". Riot brings custom tags to all browsers. Think React + Polymer but with enjoyable syntax and a small learning curve.

Marko and Riot belong to "Javascript UI Libraries" category of the tech stack.

Some of the features offered by Marko are:

  • Extremely fast
  • Streaming and async rendering
  • Progressive HTML rendering

On the other hand, Riot provides the following key features:

  • Absolutely the smallest possible amount of DOM updates and reflows.
  • One way data flow: updates and unmounts are propagated downwards from parent to children.
  • Expressions are pre-compiled and cached for high performance.

"No JSX" is the primary reason why developers consider Marko over the competitors, whereas "Light weight. Fast. Clear" was stated as the key factor in picking Riot.

Marko and Riot are both open source tools. It seems that Riot with 13.7K GitHub stars and 1.02K forks on GitHub has more adoption than Marko with 9.08K GitHub stars and 565 GitHub forks.

Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Marko
Pros of Riot
  • 6
    Simplicity
  • 5
    Better than React, Vue, etc
  • 5
    Speed
  • 5
    No JSX
  • 4
    Components
  • 4
    HTML markup
  • 4
    Performance
  • 2
    Data Flow
  • 1
    Documentation
  • 1
    Low CPU cost
  • 1
    Isomorphic
  • 1
    Virtual DOM
  • 13
    Its just easy... no training wheels needed
  • 13
    Light weight. Fast. Clear
  • 11
    Very simple, fast
  • 9
    Straightforward
  • 6
    Minimalistic
  • 4
    Great documentation
  • 4
    Simpler semantics than other frameworks
  • 3
    Easier than playing Teemo
  • 2
    Great engineering
  • 2
    Light, flexible and library friendly
  • 1
    Mastered under an hour

Sign up to add or upvote prosMake informed product decisions

Cons of Marko
Cons of Riot
  • 1
    Extensibility
  • 1
    Unit test
  • 1
    Mobile native
  • 1
    Smaller community

Sign up to add or upvote consMake informed product decisions

What is Marko?

Marko is a really fast and lightweight HTML-based templating engine that compiles templates to readable Node.js-compatible JavaScript modules, and it works on the server and in the browser. It supports streaming, async rendering and custom tags.

What is Riot?

Riot brings custom tags to all browsers. Think React + Polymer but with enjoyable syntax and a small learning curve.

Need advice about which tool to choose?Ask the StackShare community!

What companies use Marko?
What companies use Riot?
See which teams inside your own company are using Marko or Riot.
Sign up for StackShare EnterpriseLearn More

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with Marko?
What tools integrate with Riot?
    No integrations found
    What are some alternatives to Marko and Riot?
    React
    Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
    Svelte
    If you've ever built a JavaScript application, the chances are you've encountered – or at least heard of – frameworks like React, Angular, Vue and Ractive. Like Svelte, these tools all share a goal of making it easy to build slick interactive user interfaces. Rather than interpreting your application code at run time, your app is converted into ideal JavaScript at build time. That means you don't pay the performance cost of the framework's abstractions, or incur a penalty when your app first loads.
    Handlebars.js
    Handlebars.js is an extension to the Mustache templating language created by Chris Wanstrath. Handlebars.js and Mustache are both logicless templating languages that keep the view and the code separated like we all know they should be.
    Pug
    This project was formerly known as "Jade." Pug is a high performance template engine heavily influenced by Haml and implemented with JavaScript for Node.js and browsers.
    jQuery
    jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
    See all alternatives