Gradient Able Reactjs Dashboard Admin Template

Gradient Able ReactJS Admin Template

Gradient Able React Admin Dashboard Template is built using ReactJS. It fully supports React Hooks functionality with having the support of React Strap (i.e.Bootstrap 5) for any easy or complex dashboard need.

Technology Stack

Following are the technology we used to build Gradient able React Template. We used the latest technology for building this template.

• React Hook - Users can use state and other React features without writing a class. It is new concept introduced in React 16.8.
• React Redux - It is an official React binding for Redux. Using this method you can read data from Redux store, Update data, and Dispatch data.
• Reactstrap - Using Reactstrap users can easily use Bootstrap 4 components.
• JWT - JSON Web Token (JWT) is a compact URL- which representing claims to be transferred between parties. JWT are encoded as a JSON object that is digitally signed using JWT and encrypted using JSON web Encryption
• Auth0 - Auth0 is a flexible, drop-in solution to check the authentication of users in the app. It is easy to implement and authenticate.
• Firebase Auth - Firebase Authentication provides backend services, easy-to-use SDKs, and ready-made UI libraries to check the authenticity of users to your app.
• Create React App - Create React App provide a quick start of your React application. It saves time for installing and configuring. You have to simply run one command to create an App.

Features

Here are the top features come with Gradient Able admin theme.

• 11+ Page layouts
• Live customizer to choose what setting your project desire
• Well structured code styles
• Fully responsive and browser tested design
• Eye-catchy Gradient warm color styles
• Made for performance

About Design

Pure eye-catchy and warm Gradient colors are used in Gradient Able Dashboard Template. More than 12+ preset color combinations come up with a template.

Layouts

• Default (Light)
• Dark
• Dark Light

Layout setting presets

• Vertical
• Horizontal
• RTL
• Box
• Header fixed
• Menu fixed
• Collapse

Chart

The dashboard needs a chart to highlight statistics data in your project. We've implemented more than 40+ charts with tons of various options.

Chart types

• Apex Chart
• Chart JS
• Highchart
• Rechart

Maps

• Google maps
• Vector

Responsive

Gradient Able design is fully responsive. The size can be adjusted according to screen size. It is compatible with every device (iPad, Tablet) and browser (Mozilla, Safari). We have improved Gradient Able design in various aspects like smooth rendering, easy scroll, reduce design glitch, etc…

Widgets

150+ ready to use widget collection like statistics, analytics, user cards, charts, tables, charts, data widgets, slider widgets.

Components

Gradient Able Admin Template comes with all Bootstrap basic components and also implemented third-party components listed below.

Advance components

• Sweet alert
• Date Picker
• Grid Helper
• LightBox
• Modal
• Notification
• Nestable
• pNotify
• Rating
• Range Slider
• Syntax Highlighter
• Tour
• Tree view
• Toolbar

Form Components

• Switches, Radio, Checkbox, Tags input, max length
• Redux Form
• Formik
• Form Masking
• Form Masking 2
• Form Wizard
• Form pickers, Datepicker, color picker
• Select 2
• React Dual List Box

Tables

• Bootstrap Table
• React Tables

Performance

Performance is our key point before developing Gradient Able Admin Theme and we made it with lots of testing and efforts on code improvement.

App-Extensions

Gradient Able comes with a variety of 3rd party apps/extensions which directly usable in your project.

App

• Task
• To-do
• Gallery

Extensions

• Editor, ckEditor, Tinymce
• Invoice
• Full Calendar
• File upload
• Image Cropper

Flexibility

Design and code are fully flexible to use directly in your project setup via a Documentation helper.

Support

Separate support desk for quick resolution of your query.

Purchased Package Includes

- Live demo preview image is not included in the package

- Documentation

Resources-Credits

• ReactJS
• React Redux
• ReactStrap 4
• Google Font

Changelog