theFront - Multipurpose Template + UI Kit

A professional React Kit that comes with plenty of ready-to-use MUI Core 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!

---

Resources

• JavaScript (All licenses)
• TypeScript (⚡️ Plus & Extended licenses)
• Design Kit (⚡️ Plus & Extended licenses)
  • Figma file (Desktop and mobile screen views)

Built with

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

Features

• MUI Core v5
• 100% React hooks
• Formik & YUP form validations
• ESLint & Prettier
• Next.js 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 design files (available in Standard Plus & Extended licenses)
• Free customer support
• Free updates

Landing pages

• Co-working
• Job Listing
• E-commerce
• Rental
• E-learning
• Expo
• Marketing
• Web basic
• Startup
• Cloud hosting
• Design company
• Overview
• Web service
• Enterprise app
• Web agency
• Logistics
• Desktop app
• Mobile app

Secondary pages

• Career listing
• Job listing minimal
• Job opening
• Company about
• Company about with side cover
• Pricing page
• Privacy policy & company terms
• Contact page with reach visuals
• Contact page with sidebar map
• Contact page with sidebar cover image
• Help center overview
• Help center article page
• Blog newsroom
• Blog page with reach visuals
• Blog search page
• Blog article page
• Portfolio basic
• Portfolio grid view
• Portfolio masonry view
• Portfolio with parallax effect

Account pages

• General settings page 
• Security settings page
• Notification settings
• Billing info. settings
• Simple sign-up page
• Sign-up page with side cover
• Login simple page
• Login page with side image
• Password reset page
• Password reset page with side image
• 404 not found simple page
• 404 not found page with cover image

Learn more

• Launch a live demo
• Documentation & Quick Start

Quick start

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

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 hi@maccarianagency.com email. We’re also planning tons of updates! In addition to keeping theFront up to date with Material UI and any necessary patches, we’ll be adding new features regularly over the coming months!