Rubix - ReactJS Powered Admin Template

[ad_1]
Download This Theme

Rubix is a responsive, webapp, admin template powered by Facebook's ReactJS and Bootstrap. It has a huge collection of composable React UI components (most of the Bootstrap components have been ported to React). We have also included an aesthetically beautiful, hand-crafted, touch-enabled charting library called Rubix Charts created exclusively for this template.

The latest update of Rubix includes support for developing Isomorphic Javascript applications, BrowserSync + React Hot Loader support for synchronised browser testing on multiple devices and routing powered by React Router.

We also make use of SASS preprocessor for CSS (includes mixins for creating your own color schemes and themes) and gulp (a streaming build system) for managing and automating the asset pipeline. Rubix also includes Twitter's awesome css-flip module for generating RTL stylesheets.

Localization/Internationalization is powered by Mozilla's L20n library which aims to be a developer friendly framework that places languages in the localizer's hand to create better translations.

Rubix makes no assumptions about your backend (use Python/PHP/Ruby/Node etc). However, for automating builds, Rubix uses Node.JS.

Currently we provide native integrations with Node.JS and Ruby on Rails. More framework integrations coming soon.

We have provided extensive documentation and will keep the documentation updated alongwith version releases/bug fixes.

Features:

---

• Develop Isomorphic Apps
• Responsive layout (desktops/mobiles/tablets)
• Boxed/Fixed/Static/Fluid views
• Bi-di support (LTR/RTL)
• Built with Bootstrap 3.3.2 and ReactJS 0.12.2
• Multiple themes
• Localization/Internationalization powered by Mozilla L20n
  • Demo locale examples: English - U.S, French, Italian, German, Arabic and Chinese
• Hash-based navigation powered by React Router
• Awesome custom charting library - Rubix Charts
• Panels - Create complex layouts in addition to Twitter's grid
• Timelines (Static and Interactive)
• Gallery/Social/Blog pages
• Multiple sidebars (offcanvas)
• Codemirror code editing
• Trumbowyg Editor
• Hubspot Vex Modal and Messenger
• Ion Slider and Tab
• X-Editable
• Wizards
• Datatables and Tablesaw
• Fullcalendar
• Nestable Lists
• Dropzone file upload
• Image cropping using jCrop
• and much more...

Credits (Plugins):

---

• Bootstrap - CSS Frontend Framework.
• Facebook React.JS - A Javascript Library for building user interfaces.
• Mozilla L20n - A developer-friendly framework that places language in localizer's hands.
• React Router - A complete routing solution for React.js.
• React Hot Loader - Live edit React components without unmounting or losing their state.
• React Responsive - Media queries in your React JSX files for responsive design.
• BrowserSync - Time-saving synchronised browser testing.
• D3.JS - Data-driven Documents.
• jQuery - fast, small and feature-rich Javascript library.
• Modernizr - Feature detection library for HTML5/CSS3.
• html5shiv - HTML5 IE enabling script.
• EventEmitter2 - EventEmitter for the Browser.
• jQuery UI - jQuery based user-interface framework.
• Timeline JS - Beautifully crafted timelines that are easy and intuitive to use.
• jQuery Knob - Nice, downward compatible, touchable, jQuery dial.
• Hubspot Vex - Dialogs for the 21st century.
• Hubspot Pace - Automatic page load progress bar.
• Hubspot Messenger - Client-side growl-like notifications with actions and auto-retry.
• Perfect Scrollbar - Tiny but perfect jQuery scrollbar plugin.
• Ion Tabs - Easy and well done tabs with many options and skin support.
• Ion rangeSlider - jQuery range slider with skin support.
• Bootstrap Slider - Slider for Bootstrap.
• Sparklines - jQuery based sparklines library.
• Moment.JS - Parse, validate, manipulate, and display dates in javascript.
• Select2 - Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
• X-Editable - In-place editing with Twitter Bootstrap.
• Typeahead - Flexible Javascript library that provides a strong foundation for building robust typeaheads.
• jQuery Steps - An all-in-one wizard plugin that is extremely flexible, compact and feature-rich.
• jQuery Validate - Makes client-side validation easy.
• Tablesaw - Responsive Tables with column toggling and sorting.
• Datatables - Table plug-in for jQuery.
• Fullcalendar - Full-sized jQuery calendar plugin.
• Nestable - Drag & drop hierarchical list with mouse and touch compatibility.
• Dropzone - DropzoneJS is an open source library that provides drag'n'drop file uploads with image previews.
• jCrop - Jcrop is the quick and easy way to add image cropping functionality to your web application.
• Bootstrap Datetimepicker - Date/time picker widget for Twitter Bootstrap v3.
• Blueimp Gallery - Touch-enabled, responsive and customizable image & video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers.
• ChartJS - Simple, clean and engaging charts for designers and developers.
• C3.JS - D3-based reusable chart library.
• gmaps.js - google maps api with less pain and more fun.
• Leaflet - An Open-Source JavaScript Library for Mobile-Friendly Interactive Maps.
• Trumbowyg - A lightweight WYSIWYG editor.
• RaphaelJS - Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web.
• Morris - Good looking charts using RaphaelJS.
• PrismJS - Syntax highlighter.
• Switchery - iOS 7 style switches for your checkboxes.

Credits (Images):

• Wefunction
• Unsplash
• UIFaces - We haven't included avatars in download.

Credits (Font Icons):

• GoSquared 2600 Flags Icon Set
• Fontello
• Dripicons
• Flatline
• Mfizz
• Devicon
• Feather Icons
• Stroke-Gap-Icons
• Simple-Line-Icons
• Pixelvicon
• Outlined icons
• ikons by Piotr Kwiatkowski
• Icon pack vol 1 - Petras Nargela
• Climacon

---

Have got any features or ideas in mind? Send us a mail at Support or contact us via the Comments section.

CHANGE LOG

Version 3.0.5

• Fixed react-router installation bug where 1.0.0-beta4 was being installed instead of 1.0.0-beta3.

Version 3.0.4

• Fixed sidebar dynamic rendering bug.

Version 3.0.3

• Fixed gulpfile.js that caused build to fail when scaffolding a new app.
• Added fonts to scaffold process. New apps have default fonts. Fixes React Router errors.

Version 3.0.2

• Fix Rails installation documentation.

Version 3.0.1

• Fix a Windows bug that failed to load the app script.

Version 3.0.0

• Added Rails integration.
• React upgraded to v0.13.3.
• Fixed server-side rendering issues.
• Added Procfile for Heroku deployments.
• React-Router upgraded to v1.0.0-beta3.
• Re-write of Bootstrap core. Added basic tests.
• Moved to BabelJS for JSX compliation. ES6/7 support.
• Simplified Dropdowns, Navs and Tabs. Removed need for referencing.
• Inputs, Textarea, Checkbox, Radio API simplified. Added deprecation warnings.
• Changes in the way Route components are defined. See routes.jsx for an example.

Version 2.3

• [BUGFIX] Fixes an issue where one of the module dependencies (jstransform) was updated to make compiling JSX stricter which caused two documentation files (gulpfilesass.jsx and gulpfilebasics.jsx) to not compile.

Version 2.2

• [HOTFIX] Documentation folder was not included in previous version.

Version 2.1

• Fixed a path separator bug in gulpfile.js which prevented gulp from building the app.

Version 2.0

• React upgraded to v0.12.2 (all packages upgraded to latest versions).
• Bootstrap upgraded to v3.3.2.
• Enabled server side rendering (currently only NodeJS backend supported).
• Changes in the way Route components are defined now as we have switched to using react-router instead of rrouter. See routes.jsx for an example.
• Faster (about 3x) build times as we switched to webpack-dev-server handled by a new Gulp task (react:development).
• Integrated with React Hot Loader and BrowserSync.
• Changes to Nav, TabPane, Sidebar and SidebarControlBtn components with regards to key property being deprecated in React v0.12.2. See respective files for differences.

Version 1.0

• Initial Release

[ad_2]