Material-UI & ReactJS based Landing Pages Kit made with Material UI's components, React. It supports create-react-app build-tools (react-scripts), NextJS, GatsbyJS and Typescript 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.
- React
- Material-UI
- React Scripts
- NextJS
- GatsbyJS
- Typescript
- Figma & Sketch
theFront landing page examples can be used out of the box, but since they’re built on flexible components, you can also create new pages all your own with ease. Copy-paste a section here, a component there, switch up a few variables, and you have an entirely new landing!
- More than 45 pages
- 300+ component reusable compositions
- 30+ stand-alone components created by following the Atomic Design Methodology
- create-react-app & react-scripts support
- NextJS and server side rendering support
- GatsbyJS and server side rendering support
- Typescript support
- Dark mode support
- Image lazy loading support
- Animated sections on scroll
- Swiper support
- Fully responsive on all modern browsers
- Figma and Sketch design files (available in Standard Plus & Extended licences)
- Rich documentation with code samples and parameters/options
- Free customer support
- Free updates
theFront was designed as a rich system from the start, which is reflected in both the end result and the original design.
- 15 Figma and Sketch files are available
- Beautiful, modern style flexible enough to suit most brands
- All images are included with a free-to-use license
- Icon set provided by Font Awesome Kit
The following are the pages that have Figma and Sketch design implementation:
- Job Listing
- Rental
- E-commerce
- Cloud Hosting
- Logistics
- Portfolio
- Career Listing
- Career Opening
- Help Center
- Company About
- Company Pricing
- Blog Newsroom
- Blog Article
- Company Contact
- Account Page
- Install dependencies:
npm install - Start the server:
npm run start - Build on production:
npm run build
- Install dependencies:
npm install - Start the server:
npm run dev - Build on production:
npm run build
- Install dependencies:
npm install - Start the server:
npm run develop - Build on production:
npm run build
The full documentation for the React Material Kit can be found here.
No matter how well documented and built something is, sometimes you just need a little help! That’s why we make ourselves available to help you anytime, just contact our support email. We’re also planning tons of updates! In addition to keeping theFront up to date with Material UI's core and any necessary patches, we’ll be adding new features regularly over the coming months!