Motion Demos

Motion is a library that allows you to build reactive frontend UI components in your Rails application using pure Ruby. The full source for these demos can be found on Github.

All Demos

• Calculator

  Allow complex frontend user interactions to generate results in real time with zero JS.

• Form Validation

  Validate user input in real time with no JS and no repeated code from server to client.

• Clicker Game

  Multi-user game streaming real-time events between all players and updating UI accordingly.

• Clock Animation

  See time, in different time zones, with css animations (progress bar).

• Modal Demo

  See how to work with modals with Bootstrap Modals.

• Live Preview

  Type in a form and see an immediate preview.

• Explosions

  a rainbow