Don't wait for Web Components
Embrace React v0.12.2

Facebook recently open-sourced React, a library for building User Interfaces. It uses a Virtual DOM implementation for ultra-high performance.

Rubix Admin app uses React for semantic markup coupled with CommonJS for composable Components. The result: clean and elegant code.

Bootstrap on Steroids

Rubix implements custom React Components for Bootstrap enabling you to write shorter, semantic markup. Say Goodbye to unwieldy classnames and spaghetti code!

Internationalization and Localization
Mozilla L20n.js

Mozilla L20n is a developer friendly framework that places languages in the localizer's hand to create better translations.

It removes the need for developers to thoroughly understand the specifics of a natural language and provides an opportunity for localizers to create better translations. Rubix ships with custom React component bindings for the framework.

Rubix Charts

Rubix Charts is an aesthetically beautiful, hand-crafted charting library created exclusively for Rubix Admin app. We used the awesome D3.JS library to write all the charting components (Line, Area, Stacked, Bar, Column, Pie and Donut) that power Rubix Charts.

Create complex layouts easily

Rubix Panels empowers developers to create complex layouts in addition to the awesome Grid provided by Twitter Bootstrap. Pretty much every example page showcased in the demo makes use of Panels for layout.

The Asset Pipeline NEW!
Gulp, Flip and Bless!

Gulp is a streaming build system. It's use of streams and code-over-configuration makes for a simpler and more intuitive build system. Rubix's Asset Pipeline depends entirely on Gulp as its backbone. Everything is automated: be it compiling JSX, SASS or even WebFonts!

Rubix relies on Webpack which takes modules with dependencies and generates static assets representing those modules. We make use of Twitter's css-flip for RTL support and the awesome blesscss library for fixing IE9 selectors and stylesheet bug.

Isomorphic Javascript NEW!
Render client code on the server!

Rubix uses React-Router to provide routing client side and reuses the same routing logic for rendering compiled HTML from the server making your app SEO friendly.

BrowserSync + React Hot Loader NEW!
Time-saving synchronised browser testing!

When you’re making responsive websites, there’s a lot of tweaking and testing to do. BrowserSync makes your workflow faster by synchronising URLs, interactions and code changes across multiple devices. BrowserSync is enabled for SASS files, Image files, Locale files and WebFonts.

Rubix comes integrated with React Hot loader for live editing of React components using Webpack's Hot Module Replacement.

One Last Thing
Fanatical Support!

We have already provided extensive documentation on using/implementing Rubix. However, we take this a step further by ensuring version releases (which includes bug fixes, new features etc) for the next 6 months and general support for 1 year.

So what are you waiting for?

So what are you waiting for?