10+ FREE Reactjs Templates

Here are 10 FREE Reactjs Templates for you to check out to start your next reactjs project from scratch and they are completely free to download and use. Most of the reactjs powerered templates are Boostrap powered these days, although I prefer Semantic UI over Bootstrap personally.

1. Rubix – ReactJS Powered Admin Template

Rubix - ReactJS Powered Admin Template
Rubix – ReactJS Powered Admin Template

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 Universal Javascript applications, 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 Webpack for managing and automating the asset pipeline. Rubix also includes the awesome rtlcss 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.

Website Demo

2. NativeBase-Kitchen Sink App

NativeBase-Kitchen Sink App
NativeBase-Kitchen Sink App

A demo app to showcase the components of NativeBase. A React Native Project with Redux, NativeBase, Navigator Experimental, CodePush and other basic must-have libraries available at github.

Website and Demo

3. NativeBase-TodoApp

NativeBase-TodoApp
NativeBase-TodoApp

A basic Todo App built using NativeBase and Redux.
Dependencies:

  • NativeBase
  • React 15.3.1
  • React-Native 0.33.0
  • Redux ^3.6.0
  • React-Redux ^4.4.5
  • Moment ^2.15.1

Website and Demo

3. SB Admin React Seed

SB Admin React Seed
SB Admin React Seed

This 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.
Features:

  • 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
  • Routing using universal router
  • Webpack as automation tool
  • CSS using PostCSS
  • Recharts library for Flot Charts and Morris.js
  • Login page by Bootsnipp

Website and Demo

4. Lightweight Templates for React

Lightweight Templates for React
Lightweight Templates for React

  • No runtime libraries. No magic. Simply precompile your way to clear React code.
  • Easy syntax that’s similar to HTML, supported by most IDEs.
  • Clear separation of presentation and logic – almost zero HTML in component files.
  • Declarative coding ensures that the HTML that you write and the HTML you inspect look nearly identical.
  • Supports AMD, CommonJS, ES6, Typescript and globals.

Website and Demo

5. NativeBase Tutorial App

NativeBase Tutorial App
NativeBase Tutorial App

Github Repository Finder App using React Native and NativeBase.
Features:

  • React 15.2.0
  • React Native ^0.29.0
  • React Native Vector Icons ^2.0.3
  • NativeBase

Website and Demo

6. Ani React Meteor Theme

Ani React Meteor Theme
Ani React Meteor Theme

This project is a port of the famous Free Ani React Theme to React-Meteor Theme.
Key Features:

  • Meteor 1.2.1
  • React 0.14.3
  • React-Router 1.0.3
  • Bootstrap 3.3.6
  • React-Bootstrap 0.24.0
  • Authentication enabled with working Register/Login buttons.
  • Live update/sync of data through mongoDB
  • jQuery charts Charts.js and C3.js
  • Subtle Page Transition

Website and Demo

7. web-mode.el

web-mode.el is an autonomous emacs major-mode for editing web templates. HTML documents can embed parts (CSS / JavaScript) and blocks (client / server side).

Website

8. SB Admin React

SB Admin React
SB Admin React

This 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.
Features:

  • 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
  • Routing using universal router
  • Webpack as automation tool
  • CSS using PostCSS
  • Recharts library for Flot Charts and Morris.js
  • Login page by Bootsnipp

Website and Demo

9. ReactJS-AdminLTE

ReactJS-AdminLTE
ReactJS-AdminLTE

ReactJS version of the original AdminLTE dashboard. This project consists of widgets, charts and other components written in ReactJS. Stylesheets are borrowed from the AdminLTE project.

Github Demo

Sam Deering is a web developer from England (currently living in Australia). In his spare time he enjoys coding, playing chess, reading and investing.

Leave a Reply

Your email address will not be published. Required fields are marked *