core-componente-ui

Material React Landing Pages Kit made with Material UI's components, React and of course NextJS to boost your app development process! A professional React Kit that comes with plenty of ready-to-use Material-UI components that will help you to build faster & beautiful Fontend pages. Each component is fully customizable, responsive and easy to integrate.

Quick start

npm i core-component-ui

import React from "react";
import { ThemeProvider } from "@material-ui/core/styles";
import { colors } from "@material-ui/core";
import { Icon, theme } from "core-component-ui";

<ThemeProvider theme={theme}>
  <div style={{ display: "flex", justifyContent: "space-evenly" }}>
    <Icon fontIconClass="fas fa-users" fontIconColor={colors.pink[50]} />
    <Icon
      fontIconClass="far fa-address-book"
      size="small"
      fontIconColor={colors.purple[500]}
    />
    <Icon
      fontIconClass="fab fa-angellist"
      size="medium"
      fontIconColor={colors.blue[500]}
    />
    <Icon
      fontIconClass="fas fa-phone-alt"
      size="large"
      fontIconColor={colors.green[500]}
    />
  </div>
</ThemeProvider>;

Overview Of All Pages

Development Highlights

We built core-component-mui to make you be able to customize and extend our components as simple as the Material UI core itself.

• Support typescript 4.0.3
• Component-centric atomic design architechture
• Customization made easy with stand alone components
• Browsersync live reload
• Fully responsive on all modern browsers
• Rich documentation with code samples and parameters/options

Design Highlights

core-component-mui was designed as a rich system from the start, which is reflected in both the end result and the original design.

• Beautiful, modern style flexible enough to suit most brands
• Included Sketch design file
• Type styles, color styles, and components for easy file-wide changes
• All images are included with a free-to-use license
• Icon set provided by Font Awesome Kit

Built with

• React
• NextJS
• Material-UI v4

MUI Documentation

The full documentation for the React Material Kit can be found here.

Core component Documentation

The full documentation for the core-component-ui can be found here.

Contact Us

• Digitalnew Solutions
• Email Us: [email protected]

Inspired by

• theFront
• Follow us on Linkedin