Think JavaScript is your only option for the front-end? Think again. Hyperstack is a Ruby DSL, compiled by Opal, bundled by Webpack, powered by React.

Hyperstack lets you write your entire web app from HTML and event Handlers to the server models in Ruby. The resulting code is typically 1/4 the size of the equivalent HTML/JS/Ruby code.

Programming language: JavaScript
License: MIT License
Tags: Web Frameworks    
Latest version: v1.0.alpha1.5

Hyperstack alternatives and similar gems

Based on the "Web Frameworks" category.
Alternatively, view Hyperstack alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of Hyperstack or a related project?

Add another 'Web Frameworks' Gem



Build Status

This is the edge branch - the system is stable, and there are approx 1000 test specs passig. For current status on development see current status.

Hyperstack is a Ruby-based DSL and modern web toolkit for building spectacular, interactive web applications fast!

  • One language throughout the client and server. All Ruby code is compiled by Opal into JavaScript automatically.
  • Webpacker and Yarn tooling for a modern, fast hot-reloader build environment with Ruby source maps.
  • A well documented and stable Ruby DSL for wrapping React and ReactRouter as well as any JavaScript library or component. No need to learn JavaScript!
  • Isomorphic Models with bi-directional data so you can access your models as if they were on the client.

All that means you can write simple front-end code like this:

class GoodBooksToRead < HyperComponent
  render(UL) do
    Book.good_books.each do |book|
      LI { "Read #{book.name}" }.on(:click) { display book } if book.available?

In the code above, if the good_books scope changed (even on the server), the UI would update automatically. That's the magic of React and Isomorphic Models with bi-directional data at work!

Website and documentation

Please see the documentation site for full documentation, or find the same content in the /docs folder in this repo if you prefer.

Setup and installation

You can be up and running in less than 5 minutes. Just follow the simple setup guide for a new Rails application all correctly configured and ready to go with Hyperstack.

Community and support

Hyperstack is supported by a friendly, helpful community, both for users, and contributors. We welcome new people, please reach out and say hello.

StackOverflow Questions

Please ask technical questions on StackOverflow as the answers help people in the future. We use the hyperstack tag, but also add ruby-on-rails, ruby and react-js tags to get this project exposed to a broader community.


Hyperstack is evolving; we are improving it all the time. As much as we love Ruby today, we see ourselves embracing new languages in the future. Crystal perhaps? We are also watching Wasm carefully.

Please see the [ROADMAP][] file for more information.


If you would like to help, please read the [CONTRIBUTING][] file for suggestions.


Released under the MIT License. See the [LICENSE][] file for further details.


Hyperstack is an evolution of Ruby-Hyperloop. We decided to rename the project to drop the Ruby suffix and also took the opportunity to simplify the repos and project overall.

*Note that all licence references and agreements mentioned in the Hyperstack README section above are relevant to that project's source code only.