Introducing the latest version of our Ani React Theme updated with React 15.3.1 and other version upgrades.

A lightweight and feature rich admin template with easy layout and clean essence, constructed for range and powered via isomorphic rendering (server side render), constructed for instant, simple, stylish and intuitive browsing that allows to speed-up your development.

To maintain coding standard, we have integrated Babel Eslint. Also scripting is done in ES6 syntax.

Live preview available!

Latest add-ons:

Isomorphic React application which enables server side rendering.

Routing using universal router.

Code splitting and lazy loading.

Chart implementation using Recharts.

Sass and PostCSS integration.

Support for multiple language using react-intl.

Progress Bar when page loads.

Scripting using ECMA Script6.

Technologies used:

React

Isomorphic

History

Universal Router

Isomorphic Style Loader

Express & Node

Webpack

Theme features:

Isomorphic React Web Application- Using this theme one can easily use same code both on client as well as server side for execution.

Using this theme one can easily use same code both on client as well as server side for execution. Universal Routing- A simple middleware which is used, both on client and server side for routing that enables to manage complex and nested routing with ease.

A simple middleware which is used, both on client and server side for routing that enables to manage complex and nested routing with ease. Multi Language Support- We can easily support different languages, regional difference by making use of React Intl. React Intl provides different React component which can be easily integrated along with bunch of API to format dates, numbers and string.

We can easily support different languages, regional difference by making use of React Intl. React Intl provides different React component which can be easily integrated along with bunch of API to format dates, numbers and string. Charts-

500+ Icons Font

Code Splitting- Adding this feature helps in bundling js into multiple file. Webpack takes care of entry point / chunks as part of a single build. Also progress bar is visible at the top page while the components load.

Adding this feature helps in bundling js into multiple file. Webpack takes care of entry point / chunks as part of a single build. Also progress bar is visible at the top page while the components load. Easy Styling- Integration of Sass and PostCSS makes customizations and styling pages easy. In this, we have used Sass Bootstrap3 to make it responsive. Also we can override bootstrap classes as well as variables with ease.

Integration of Sass and PostCSS makes customizations and styling pages easy. In this, we have used Sass Bootstrap3 to make it responsive. Also we can override bootstrap classes as well as variables with ease. Ready to use Screens-

SignUp Login Email Template User Profile To-do List Customizable Navigation Bar Customizable Sidebar

Theme Widgets-

Dynamic Charts and Stats Date Picker Carousel for Gallery:

4. Cards and Alert Box

5. BreadCrumbs

6. Progress Bar:

7. Pagination

8. Tables

9. Typography

10. Labels and Badges

11. Form Validation

12. Bootstrap based buttons and dropdowns

13. Pure CSS3 checkbox, radio and on/off switch elements

14. Customizable widgets in different colors and styles

Lots more…

We have detailed docs available here. Feedback and suggestions are most welcome.

Thanks for reading the article. Do not forget to 💚 and share if you like it.