Carolina React Admin Dashboard with Material-UI PRO

Carolina React Admin Dashboard with Material-UI PRO

With this premium admin dashboard template you can create intuitive products following Google’s Material Design specifications. Fully responsive and powered by React and Material-UI components framework. Clean, intuitive, responsive and beautiful React dashboard powered by Google’s Material Design.

Check out the live demo previews to see all the features and components in action.

Initial release: February 16, 2020 Last updated: February 22, 2020 Changelog

๐Ÿฆ‹ Material Design

This admin dashboard is built using the Google’s Material Design styles specifications which provide a solid foundation for building highly interactive web experiences across all mediums offering users an unified experience.

We have developed a product that features a clean design with nice aesthetics that will boost you project’s user experience.

This is our first release included in our Carolina Design System, which will contain only products based on Google’s Material Design language.

 

๐ŸŽˆ React Material-UI

In terms of frontend frameworks, this React admin dashboard is powered by Material-UI, which is the most popular material-based UI components framework available today.

Beside Material-UI, we also integrated, with the same design style, over 80 React widgets and plugins. You can view a full list of what’s included in the “Included Widgets” tab.

We also included some nifty SCSS stylesheets which are automatically compiled into CSS helper classes that you can use to style various parts of your applications.

 

๐ŸŽ Material React components

This React template is bootstrapped upon Create React App, with React and React Router.

We keep all project dependencies up to date using our own in-house update system that allows us to push updates quickly and easily without any human errors involved.

 

๐Ÿฆฎ Support highlights

If you’re having trouble installing or customizing this admin template you can open a support ticket or send us an email. Before doing that, make sure you check with the extensive documentation we’e set up for this template.

Admin Template Details
Version
1.0.0
Initial release
February 16, 2020
Last updated on
February 22, 2020
React pages
106
React widgets
75
Changelog
Changelog
Documentation files
View Documentation
Lifetime perpetual license
Access to updates (12 months)
Unlimited premium support requests(12 months)
Personal & Commercial use
Available licenses
View details

Admin Template Key Features

Curious about what features this Admin Template has to offer? Scroll no more, we've put together a list of features below.

Multiple User Pages

Bamburgh contains example pages for login, register, recover password, profile and server statuses.

12 Custom Dashboard Pages

There are twelve pre-built dashboards available, but you can build more, easily, using only the included elements.

Premium UI Kit Included

This admin template comes packed with an Ui Kit that will help you create presentation websites in the same style as the app you're building.

Multiple Sidebar Styles

You can choose from one of the 50+ available color schemes for the sidebar section of this admin dashboard template.

Advanced Layouts and Options

You can customize things like if the sidebar, footer or header should be fixed or static, change between multiple page title styles and colors or even enable things like sidebar userbox and footer.

Collapsed Sidebars

If you navigate in the live preview to the applications pages you'll see the collapsed/mini sidebar in action. It's fully customizable.

8 Application Pages

Bamburgh comes with eight different applications designs already built. From Mailbox, Projects to Chat and App Widgets.

350+ Components

There are over 350 customized React components available in this template. Check out any of the 12 Cards examples pages we've set up.

50+ React Widgets

We've integrated over 50+ React widgets in this admin dashboard template. Forms, Sliders, Charts. Loaders, Progress and many many more goodies.

106 React pages included

Carolina React Admin Dashboard with Material-UI PRO includes exactly 106 React example pages covering all use cases for developing user interfaces for apps & presentation websites.

75 customized React widgets

With the help of our friends below, this Admin Template has exactly 75 widgets integrated with the same consistent design and UI style from Carolina UI Design System.

Material UI

React components for faster and easier web development. Build your own design system, or start with Material Design.

Material UI Lab

This package hosts the incubator components that are not yet ready to move to core.

Material UI Icons

This package provides the Google Material icons packaged as a set of React components.

Material UI Pagination

A pagination component for Material-UI using Button component.

Framer Motion

An open source and production-ready motion library for React on the web.

Bootstrap Core

Build responsive, mobile-first projects on the web with the worldโ€™s most popular front-end component library.

React ApexCharts

React ApexCharts is a wrapper component for ApexCharts ready to be integrated into your react.js application to create stunning React Charts.

Apex Charts

A modern JavaScript charting library to build interactive charts and visualizations with simple API.

RC Switch

switch ui component for react.

RC Tree

Tree UI component for React.

RC Timepicker

Fully integrated React timepicker widget.

RC Select

Easy to use custom selects for React.

React Dropzone

Simple React hook to create a HTML5-compliant drag'n'drop zone for files.

React Step Wizard

A stepper or wizard widget for React.

React Draft WYSIWYG Editor

A Wysiwyg editor built using ReactJS and DraftJS libraries.

Draft.js WYSIWYG Editor

Draft.js is a JavaScript rich text editor framework, built for React and backed by an immutable model.

DraftJS TO HTML

A library for converting DraftJS Editor content to plain HTML.

HTML To DraftJS

A library for converting plain HTML to DraftJS Editor content.

React Quill

A Quill component for React.

React Gauge Chart

React component for displaying a gauge chart, using D3.js

React Circle

Renders a svg circle + percentage. It just works

Joyride

Showcase your app to new users or explain functionality of new features.

React Ladda Buttons

LaddaButton is a React component that renders a Ladda button. You can change the button's loading state and progress using the loading and progress props.

Moment

A lightweight JavaScript date library for parsing, validating, manipulating, and formatting dates.

React Big Calendar

An events calendar component built for React and made for modern browsers (read: IE10+) and uses flexbox over the classic tables-ception approach.

React Datepicker

A simple and reusable Datepicker component for React.

React Slick Carousel

Carousel component built with React. It is a React port of Slick carousel.

Chart.js for React

Chart.js wrapper for React powered applications.

Chart.js

Simple yet flexible JavaScript charting for designers & developers

React Context Menu

ContextMenu in React with accessibility support.

React CountUp

A configurable React component wrapper around CountUp.js.

Immutability helper

Mutate a copy of data without changing the original source.

React Drag & Drop

Drag and Drop functionality for React powered applications.

React DnD HTML5 Backend

The officially supported HTML5 backend for React DnD.

React Table

React Table is a lightweight, fast and extendable datagrid built for React.

Namor

A name generator for Node that generates random, url-friendly names.

Match sorter

Simple, expected, and deterministic best-match sorting of an array in JavaScript

React Color

13 Different Pickers - Sketch, Photoshop, Chrome and many more

React Select

A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete, async and creatable support.

React Dropdown Select

Customisable dropdown select for React.

React Clipboard

Copy to clipboard React component.

React Dual Listbox

A feature-rich dual listbox for React.

React Text Mask

Input masking component for React. Made with attention to UX. Compatible with IE8+.

React Number Format

React component to format number in an input or as a text.

React noUiSlider

Lightweight range slider component for React.

React Cropper

An image cropping tool for React based on Cropper.js

React Loading Skeleton

Make beautiful, animated loading skeletons that automatically adapt to your app.

React Block UI

Easy way to block the user from interacting with your UI.

React Spinners

A collection of loading spinners with React.js

React Leaflet

React components for ๐Ÿƒ Leaflet maps.

Leaflet Maps

Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps.

React Google Maps

component written over a small set of the Google Maps API. It allows you to render any React component on the Google Map.

React Feather Icons

collection of simply beautiful open source icons for React.js. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

React FontAwesome Icons

Official React component for Font Awesome 5

React FontAwesome Icons Core

Official React component for Font Awesome 5

React Ionicons

Ionicons is a completely open-source icon set with 700+ icons integrated perfectly with React.

React FlagKit

Bringing world flags to React, in style.

Pe7 Icons

A series of iOS 7 inspired vector icons.

Socicons Icons

All social icons available with this widget.

React SweetAlerts

An awesome replacement for JavaScript's alert.

React Toastify

๐ŸŽ‰ React-Toastify allows you to add notification to your app with ease. No more nonsense!

React Sweet Progress

A way to quickly add a react progress bar to your app.

React Circular Progressbar

A circular progressbar component, built with SVG and extensively customizable.

React Perfect Scrollbar

This is a wrapper to allow use perfect-scrollbar in React.

Hamburgers navigation buttons

Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. Itโ€™s modular and customizable, so cook up your own hamburger.

React Rating

React Rating is a react rating component which supports custom symbols both with inline styles and glyphicons found in popular CSS Toolkits like Fontawesome or Bootstrap.

Infinite Scroller

A component to make all your infinite scrolling woes go away with just 4.15 kB! Pull Down to Refresh feature added. An infinite-scroll that actually works and super-simple to integrate!

React Trend Sparklines

Rich data visualizations for applications, powered by React.

React Sparklines

Beautiful and expressive sparklines component for React.

Date FNS

date-fns provides the most comprehensive, yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js.

Date-io FNS

Date-io adapter for date-fns

Material-UI pickers

Accessible, customizable, delightful date & time pickers for @material-ui/core

We value our customers

We try to resolve any issues you might have as soon as possible. We've set up a set of tools to help in your development endeavours.

Github Repository

Each Admin Template has a Github repo where we track changelogs, issues and suggestions. PRO Admin Templates customers can request private Github access to say in sync with all our code commits.

Online Documentation

Carolina React Admin Dashboard with Material-UI PRO has an extensive documentation available online which contains code examples for each section or component available in the live preview.

Support Tickets

You'll be up and running in no time, thanks to our detailed individual docs sections packed with explanations and code snippets.

Discord Channel

Say hello, ask for help or just chat. We have a Discord channel ready for that. Also, holders of a PRO license can ask for help with priority.

Admin Templates Highlights

Below you'll find some features that makes Carolina React Admin Dashboard with Material-UI PRO stand out from the crowd

SCSS Stylesheets

All Carolina React Admin Dashboard with Material-UI PRO stylesheets are built with SCSS which makes it easy to customize and propagate variables changes across all included components.

Clean code

Each element, each component, each page has been carefully coded using the same consistent style and structure.

Modular architecture

We've split the assets architecture into a logical structure making it easy to remove or add components or pages.

Example pages

We've included in Carolina React Admin Dashboard with Material-UI PRO examples pages & starter kits, that will boost you project start.

Icon fonts

Carolina React Admin Dashboard with Material-UI PRO has at least 2 different font icons integrated. You'll have at least 2500+ icons at your disposal.

Easy to customise

To customize your project, use either the included CSS helper classes integrated in Carolina React Admin Dashboard with Material-UI PRO or SCSS variables that can be compiled using the build tools.

Google fonts

You can easily change the included Google font to a different one, just by adding a line of code in your app head tag.

Consistent design

We use mainly two frameworks: Bootstrap 4 or Material Design. All elements and components are styled using the same design approach, the same color/spacing/size and the same common SCSS variables.

Compatibility

Carolina React Admin Dashboard with Material-UI PRO is 100% compatible with whatever framework solution we chose for this template.

Fully responsive

We're mainly using Bootstrap 4 powerful responsive utilities, making our products perfectly adaptable to any screen size, desktops to mobiles.

Optimized assets

Performance is an important factor when serving website or apps to customers. We took great care and managed to obtain almost a perfect speed score for Carolina React Admin Dashboard with Material-UI PRO.

Powerful documentation

Carolina React Admin Dashboard with Material-UI PRO has a separate documentation which is available online and is packed with code examples, explanations and tutorials.

Purchase this Admin Template

Enjoy a perfectly crafted Admin Template that will surely improve your user interfaces, increase productivity and reduce development time.

Carolina React Admin Dashboard with Material-UI PRO Developer License

Developer License

Best suited for individuals building personal or commercial, non-SaaS projects.

  • ** Developer License included
  • 6 months updates & support requests
  • Design source files
    (Photoshop, Sketch and/or Adobe XD)
  • Use the product in an end-product that is โ€œsoldโ€
    (eg. SaaS)
Carolina React Admin Dashboard with Material-UI PRO Developer License

Developer + Designer License

Best suited for individuals who need the design source fields, to create, for example, prototypes or wireframes.

  • ** Developer License included
  • 12 months updates & support requests
  • Design source files
    (Photoshop, Sketch and/or Adobe XD)
  • Use the product in an end-product that is โ€œsoldโ€
    (eg. SaaS)
Carolina React Admin Dashboard with Material-UI PRO Developer License

Enterprise License

Best suited for companies building end-products sold as software as a service.

  • ** Enterprise License included
  • 24 months updates & support requests
  • Design source files
    (Photoshop, Sketch and/or Adobe XD)
  • Use the product in an end-product that is โ€œsoldโ€
    (eg. SaaS)

** You can review the complete license terms for the Developer, Developer + Designer and Enterprise Licenses on the UiFort Licenses Details page.

All pricing plans include the following
Licenses details
  • Lifetime perpetual license
  • Updates & support requests (6 months - Developer; 12 months - Developer + Designer; 24 months - Enterprise)
  • Personal & Commercial use

Share your thoughts!

Let us know what you think...

What others are saying

  1. Question

    Abel Almo

    Is it possible to use this template without React Redux?

    (0) (0)

    Something wrong with this post? Thanks for letting us know. If you can point us in the right direction...

    • Horia

      Horia

      Hello,

      Redux is used to pass the theme options to components.

      It could be used without redux but not without some modifications. For example, the sidebar toggle for mobile devices toggles a css class which shows/hides some elements on click. That functionality would need to be modified so that it doesnโ€™t pass the react variables with redux.

      (0) (0)

      Something wrong with this post? Thanks for letting us know. If you can point us in the right direction...

×

Login

Register

A password will be sent to your email address.

Continue as a Guest

Don't have an account? Sign Up

Monthly Free Resources

Follow us on our social media accounts to stay up to date with design and frontend trends & freebies.

๐Ÿ“ฌ Monthly Newsletter

Get interesting design and development resources and stay in touch with us - subscribe today! ๐Ÿ‘จ๐Ÿผโ€๐Ÿซ

We promise not to spam your inbox. We also hate spam!