Carolina React Admin Dashboard with Material-UI FREE

Carolina React Admin Dashboard with Material-UI FREE

This free React admin template is powered by Material-UI components framework and features a clean and fresh design following Google’s Material Design specifications. This UI Kit has a fully responsive material design and it’s open source.

Curious about the features? We’ve set up a live preview for your viewing pleasure.

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

Beautiful styles

This React admin dashboard is released under a MIT license and has a clean and simple design, everything being powered by Google’s Material Design specifications.

Check out the live previews we’ve set up to see just how exquisite this templates’ design is. You’ll be able to offer great user experiences to your users using this React admin template.

Carolina React Admin Dashboard with Material-UI FREE is part of our free, open source admin templates from the Carolina Design System.

 

Material-UI ❀️

The core frontend UI components framework used is Material-UI, which is the most popular material design React components framework. It includes all the basic elements and features to get you started working on your project immediately.

We’ve also added some CSS helpers that are compiled from SCSS to browser-friendly code. You can use these helpers to customize any of the included components.

 

React components

This product has been extended from Create React App which is the official React bootstrap provided by Facebook. It’s powered by the latest versions of React, React Router and Material-UI.

It also contains over 40 React components, making this admin template your best companion for developing applications or even websites in a productive way.

Support

If you can’t find answers in the full documentation we’ve created for this free React admin dashboard template, feel free to open a Github issue with your question, suggestion or issue. We’ll answer there as soon as possible.

Admin Template Details
Version
1.0.0
Initial release
February 15, 2020
Last updated on
February 22, 2020
React pages
23
React widgets
75
Changelog
Changelog
Documentation files
View Documentation
Open Source MIT License
Community Support through Github issues

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.

UI Elements

Bamburgh React Admin Dashboard with Reactstrap Free features easy to use, easy to integrate user interface elements, components & widgets.

Forms

Basic stuff to get you started in 'style' with building your app, following Bootstrap 4 guidelines.

Tables

We've set up a few tables examples, based on Bootstrap 4, but styled with our design language.

23 React pages included

Carolina React Admin Dashboard with Material-UI FREE includes exactly 23 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 FREE 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.

Live Previews

fully coded & included

Find out what are the main features for this Admin Template and what's included in Carolina React Admin Dashboard with Material-UI FREE

Admin Templates Highlights

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

SCSS Stylesheets

All Carolina React Admin Dashboard with Material-UI FREE 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 FREE examples pages & starter kits, that will boost you project start.

Icon fonts

Carolina React Admin Dashboard with Material-UI FREE 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 FREE 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 FREE 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 FREE.

Powerful documentation

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

Download Carolina React Admin Dashboard with Material-UI FREE

This free React admin template is powered by Material-UI components framework and features a clean and fresh design following Google's Material Design specifications. This UI Kit has a fully responsive material design and it's open source. Curious about the features? We've set up a live preview for your viewing pleasure.

FREE Version
  • Extended Support
  • Use in Commercial projects
  • Presentation Website Blocks
  • 150+ Components Included
  • Multiple Layouts/Colors Variations
  • Multiple pages & examples
  • User Pages & Applications
  • No Backlinks
  • Extended SASS Files
Download now
PRO Version
  • Extended Support
  • Use in Commercial projects
  • Presentation Website Blocks
  • 150+ Components Included
  • Multiple Layouts/Colors Variations
  • Multiple pages & examples
  • User Pages & Applications
  • No Backlinks
  • Extended SASS Files
Upgrade to PRO

Share your thoughts!

Let us know what you think...

What others are saying

  1. Question

    Abel Almo (verified owner)

    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...

×

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!