We are excited to announce our most recent open source React.js theme, SB Admin React on startreact.com which includes both Full and Seed (Boilerplate) version. The project is a port of the famous Free Admin Bootstrap Theme SB Admin v2.0 to React.js Theme based on React-Starter-Kit using ES6 & Webpack.

Featured with:

Uses React bootstrap library for implementing responsive components.

Recharts library for easy implementation of Flot Charts and Morris.js.

Responsive TimeLine component for tracking real time event.

Webpack as automation tool.

Login page by Bootsnipp.

User friendly as it easily customizable, works like a great starting point for react projects.

Responsive top navigation menu with dropdown menu items.

Responsive sidebar menu with multi-level dropdowns and active classes.

Modular structure with common widgets, pages and layouts.

Boilerplate provides:

Isomorphic code which executes on both client and server side.

2. Implementation of universal routing.

3. POSTCSS for easy styling of page.

Isomorphic Application:

Isomorphic application is one whose code can run on both (server and client).

First request made by the web browser is processed by the server while subsequent requests are processed by the client.

One benefit of an isomorphic approach in building applications is that it provides the speed benefits of rendering on the server, and you can still render components after the page loads on the client side.

Pages available:

Dashboard

Charts: Set of composable, reliable and powerful charts available. We have included Flot Chart and Morrisjs Chart.

Tables

Forms

UI Elements - Panels and Wells, Buttons, Notification, Typography, Icons, Grid

Multi-Level Dropdown

Timeline an interactive visualization chart to visualize data in time. It can be easily customizable by adding your own styling, icons etc.

Attributes:

Detailed list available here.

Roadmap:

We will be adding the below mentioned features in the coming days:

Lazy loading of pages

MobX integration

Add sample AJAX calls (using Flux / Reflux) and make the components more modular.

Get started with it here (Full, Seed) on startreact.com.

Thanks for reading my article. Do not forget to ♥️ and share.