theFront - Multipurpose Template + UI Kit

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

Includes Create React App & Next.js version

Built with

• React v18
• Material UI v5 (v6 support pending)
• Next.js v14
• TypeScript (available on Standard Plus and Extended Licenses)
• Figma (available on Standard Plus and Extended Licenses)

Features

• NEW - React v18
• NEW - Next.js v14 (App Router version)
• 70+ Pages example
• 300+ Reusable components
• Material UI
• 100% React Hooks
• ESLint & Prettier
• React Hook Form with Validation + Yup
• Animated Framer Motion
• Image Lazy
• Dark/Light Mode
• Easy to customize
• 1 year of free updates
• 6 months of technical support
• Fully responsive, and works across all modern/supported browsers & devices
• Fully documented

🔥 Building blocks (NEW)

• Blog
• Call to actions
• Features
• Heros
• Logo grids
• Newsletters
• Pricing
• Statistics
• Team sections
• Testimonials
• Auth forms
• Banners
• Cards
• Forms
• Lists
• Notifications
• Popovers
• Page layouts
• Sidebars
• Statistics 2
• Progress bars
• Tables
• Form controls
• User cards
• E-commerce category showcase
• Product checkout sections
• Product details
• Product filters
• Product grids
• Product pickers
• Quick overview cards
• Product reviews
• Shopping carts
• Store complex navigations
• Popups

🔥 E-commerce (NEW)

• Home
• Listing page
• Promotions page
• Product overview
• Shopping cart
• Checkout page
• Empty state
• Order completed page

Landings

• Mobile app
• Desktop app
• Startup
• Expo
• Marketing
• Service
• Cloud hosting
• Enterprise
• Design compoany
• Web basic
• Overview
• Agency
• E-learning
• Coworking
• Rental
• Job listing
• Logistics
• Shop

Company

• Careers
• Job page
• Our customers page
• "Hire us" form page
• About page for tech company
• About page
• Pricing
• Terms and conditions page
• Contact page with side map view
• Contact page with right panel image
• Contact page with complex sections

Account

• Account general
• Security
• Notification settings
• Billing info

Secondary pages

• Help center
• Article page
• FAQ page
• Simple 404
• 404 with cover image
• Listing

Blog pages

• Blog page 1
• Blog page 2
• Blog page 3
• Blog article page

Portfolio pages

• Grid view
• Masonry
• Simple
• Parallax

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!