theFront - Multipurpose Template + UI Kit

A professional React Kit that comes with plenty of ready-to-use MUI components that will help you to build faster & beautiful frontend pages. Each component is fully customizable, responsive, and easy to integrate.

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!

⚠️ TypeScript is only available on the Standard Plus and Extended licenses.

Built with

  • React
  • MUI v5
  • React Scripts (create-react-app tools)
  • Next.js
  • Gatsby.js
  • TypeScript (available on Standard Plus and Extended Licenses)
  • Figma & Sketch (available on Standard Plus and Extended Licenses)


  • MUI v5
  • 100% React hooks
  • Formik & YUP form validations
  • ESLint & Prettier
  • NextJS and GatsbyJS full integration
  • More than 45 pages
  • 300+ component reusable compositions
  • create-react-app & react-scripts support
  • Next.js and server-side rendering support
  • Gatsby.js and server-side rendering support
  • Typescript sources
  • Dark mode support
  • Image lazy loading support
  • Animated sections on scroll
  • Parallax effect
  • Count up number animations
  • Image carousel
  • Fully responsive
  • Figma & Sketch design files (available in Standard Plus & Extended licenses)
  • Free customer support
  • Free updates

Landing pages

Secondary pages

Account pages

Learn more

Quick start

  • Install dependencies & start the dev. server: yarn install && yarn start
  • Build on production: yarn build

Design highlights

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:

Free updates for 1 year and support for 6 months

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 at 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!

Try the free demo

Learn more about this template in this free demo. It has a few features from the full version to let you get a feel for the product.

Get free demo.

Package type

Live Preview


  • Quality checked by MUI

  • 1 year of free updates
    6 months technical support

  • 100% money-back guarantee*

  • Supports the development of Material‑UI

Latest releaseSep 11, 2021
First releaseJul 17, 2020
CategoryLanding & Corporate
Questions?Contact author
Created byMaccarian