Carolina React UI Kit with Material-UI PRO

Carolina React UI Kit with Material-UI PRO

Bring your projects to live with the help of any of the 300+ React components included in this premium React UI Kit powered by Material-UI. Over 300 components and features that will help you create fast you material design inspired app or website.

This premium UI Kit is powered by Material-UI and follows the design specifications from Google.

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

? Modern, clean designs

This UI Kit is the perfect solution if you’re building React powered, material design style, websites or applications. Carolina React UI Kit with Material-UI PRO features a clean and simple design and has a lot of components and elements included by default. Charts, dropdowns, maps and many, many more useful stuff.

It follows Google’s Material Design specifications and will help youย  create innovative websites or application interfaces without loosing time trying to create a good design style to use.

Carolina React UI Kit is part of the Carolina UI Design System which features only material design based products.


? Material Design for React

The base UI plugin that makes this even more better is the popular Material-UI framework which is responsible for adding Google’s Material Design specifications over web components.ย  This UI Kit is fully responsive and works perfectly across multiple devices.


? React dependencies

It’s powered by React, React Router and it’s bootstrapped from an un-ejected Create React App instance. You can see a full list of included third part components from the “Included Widgets” tab.

There are over 80 different React third party widgets integrated in this UI Kit. We keep all of them updated to their latest version using our in-house, error free system.


โ˜Ž Premium Support

We understand that sometimes, even with an extensive documentation, as we’ve set up for Carolina React UI Kit with Material-UI PRO, you’ll still have questions or issues. That’s why, for all our premium products, we’ve set up a Support Center page from which you can create tickets or view resources available for your purchased products.

UI Kit Details
Initial release
February 17, 2020
Last updated on
February 22, 2020
React pages
React widgets
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

UI Kit Key Features

Curious about what features this UI Kit 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.

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.

Hero Sections

There are 12 different hero sections included which will help you create unlimited presentation pages with unique designs.

Multiple Layouts

Beside the regular layout, this UI Kit comes with another one for creating user pages like login, register or forgot password.

75 customized React widgets

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

React DOM

This package serves as the entry point to the DOM and server renderers for React. It is intended to be paired with the generic React package, which is shipped as react to npm.

React Router

This package provides the core routing functionality for React Router

React Router DOM

DOM bindings for React Router.

React Redux

Official React bindings for Redux.


A tiny (229B) utility for constructing className strings conditionally.

React scripts

This package includes scripts and configuration used by Create React App.

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.

Material UI

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

Framer Motion

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

React Navigation Menu

A ready / simple to use, highly customizable, updateable, ajax supported, animated menu component for React.

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.

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.


A library for converting DraftJS Editor content to plain HTML.


A library for converting plain HTML to DraftJS Editor content.

React Gauge Chart

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

React Circle

Renders a svg circle + percentage. It just works


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.


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.


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 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 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 UI Kit has a Github repo where we track changelogs, issues and suggestions. PRO UI Kits customers can request private Github access to say in sync with all our code commits.

Online Documentation

Carolina React UI Kit 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.

UI Kits Highlights

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

SCSS Stylesheets

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

Icon fonts

Carolina React UI Kit 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 UI Kit 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.


Carolina React UI Kit 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 UI Kit with Material-UI PRO.

Powerful documentation

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

Purchase this UI Kit

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

Carolina React UI Kit 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 UI Kit 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 UI Kit 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

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!