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.
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.
We have provided extensive documentation and will keep the documentation updated alongwith version releases/bug fixes.
Features:
- Responsive layout (desktops/mobiles/tablets)
- Boxed/Fixed/Static/Fluid views
- Bi-di support (LTR/RTL)
- Built with Bootstrap 3.2.0 and ReactJS 0.11.1
- 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 RRouter
- 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...
Road Map (for v1.1):
- Convert some common external plugins to be completely compatible with React.JS rather than depend on manually rendering using jQuery.
- Add more example pages demonstrating power of Panels for creating layouts.
- Refactor Rubix charts as a React component rather than a standalone library.
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.
- RRouter - RRouter is a declarative routing layer for React applications.
- React Responsive - Media queries in your React JSX files for responsive design.
- 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
Changelog
Version 1.0:
- Initial Release
No comments:
Post a Comment