theFront – Multipurpose Template + UI Kit

(21 customer reviews)

$59.00$499.00

Clear
SKU: N/A Category:

Description

Material-UI & ReactJS based Landing Pages Kit made with Material UI’s components, React. It supports create-react-app build-tools (react-scripts), NextJS and GatsbyJS 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.

Built with

  • React
  • Material-UI
  • React Scripts
  • NextJS
  • GatsbyJS
  • Figma & Sketch

Features

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
  • Dark mode support
  • Image lazy loading support
  • Animated sections on scroll
  • Swiper support
  • Fully responsive on all modern browsers
  • Figma & Sketch design files (available in Standard Plus & Extended licences)
  • Rich documentation with code samples and parameters/options
  • Free customer support
  • Free updates

Please note, that for the moment the theme does not come with TypeScript support.

Learn more

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:

Quick start with React Scripts

  • Install dependencies: npm install
  • Start the server: npm run cra:start
  • Build on production: npm run cra:build

Quick start with Pre-rendered version NextJS Scripts

  • Install dependencies: npm install
  • Start the server: npm run dev
  • Build on production: npm run build

Quick start with Pre-rendered version GatsbyJS Scripts

  • Install dependencies: npm install
  • Start the server: npm run gb:develop
  • Build on production: npm run gb:build
  • Built files are in dist folder

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’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.

Additional information

License Type

Standard License, Standard Plus, Extended License

21 reviews for theFront – Multipurpose Template + UI Kit

  1. Edward Legaspi (verified owner)


    dimension: customer-support

    The team has quickly come to my rescue when I was having an issue with dependency updates in less than 12 hours. Their technical support is really good. It comes with a well crafted documentation too. The theme is well structured and is easy to understand definitely worth the buy.

  2. Gene Fernando (verified owner)


    dimension: design-quality

    This a great theme: modern, very intuitive to use and customize, and lots of sample pages and even full websites. I like the minimalist approach to dependencies and requirements. This makes it easy to upload to cloud platforms like Google or AWS. I tried it on AWS Amplify and it built smoothly and without a hitch. Excellent support as well. I had an installation question and they got to me quickly with instructions. As a new React and Material-UI user, this support is worth its weight in gold ! Buy it… You’ll love it !!

  3. Peter James (verified owner)


    dimension: design-quality

    This theme is open, clean, attractive and very flexible. Almost the components you may need are here – and where they are not you have a clear design structure to add more with Material-UI. Without doubt, the best React/Materia-UI theme on the market today. Support is outstanding.

  4. Dang Thanh Tung (verified owner)


    dimension: documentation-quality

    This is great, but would be much better with TS version.

  5. Nick Friedman (verified owner)


    dimension: code-quality

    Fantastic UI kit. Very flexible. Perfect use of Material UI.

  6. Karthik Divi (verified owner)


    dimension: feature-availability

    Loved the theme, have tons of components to build any kind of app. Please consider dark theme in coming versions.

  7. krzysztof.pier27 (verified owner)


    dimension: flexibility

    i like it very much, easy to understand and use!!!

  8. Gal Lev (verified owner)


    dimension: code-quality

    Neat & stylish. time & efforts saver.

  9. Ashfaq Nisar (verified owner)


    dimension: customer-support

    One of the best themes available online and great support from the team, Kudos to gevorg for helping me out!

  10. Chris Reynolds (verified owner)


    dimension: code-quality

    Exactly what i needed. Clean and organized code base with excellent UI design.

  11. yaniv nizry (verified owner)


    dimension: design-quality

    Great job Gevorg, You really did a teriffic job . It’s amazing how many accomplishments are in one UI Kit . It has almost everything you need to create any type of site out there. Worth every cent.

  12. Rachel Christensen (verified owner)


    dimension: customer-support

    The Maccarian Agency customer support is the best support I’ve ever worked with across template creators and other online resources. They’re even more reliable than some of my own co-workers! They’re very quick to respond and treat every question or problem you have as if it’s their own. They’re a pleasure to work with and I’ll prioritize tempaltes from them next time I’m in the market for one.

  13. Rachel Christensen (verified owner)


    dimension: code-quality

    This template has BEAUTIFUL code. It consistently uses best practices and uses Mateiral UI and other packages the way they should be used. In addition to making my life a lot easier, they’ve also helped me learn a thing or two about how to code better in React.

  14. Rachel Christensen (verified owner)


    dimension: design-quality

    This is a beautifully designed template set. Each page is elegant and simple without being cold and uninviting. They seem to have thought of every page that you might want. Even if they don’t have a specific page you need, it’s easy to piece one together with bits and pieces of the other ones. This has saved me so much time and elevated my client’s website.

  15. Michael (verified owner)


    dimension: code-quality

    Fantastic kit, 10/10! As a college student studying computer science, this kit has taught me how to code in React on a professional level.

  16. Tien Phan (verified owner)


    dimension: code-quality

    This is one of the best purchases I have EVER made. Beautiful, dynamic code with media considerations and the proper project structure you could envision. The documentation is so clear & helpful and has taught me so much in terms of how to think the ‘React way’. Then on top of that, the customer service is fantastic. Detailed responses that also teach me stuff not included in this purchase! Gevorg and his team are top notch, cannot understate my happiness with this purchase.

  17. danishyasin33 (verified owner)


    dimension: design-quality

    This multipurpose template helped shave out numerous hours from our development process by providing ready made responsive components. I am very satisfied with the quality of the product and will consider using it in the future.

  18. tom avant (verified owner)


    dimension: code-quality

    This saved my team a ton of time. Well built and organized.

  19. Daniel Still (verified owner)


    dimension: code-quality

    The code is structured incredibly well, and the design is clean and easy to work with. Typescript would be the icing on the cake, but otherwise it is perfect!

  20. gkranasinghe (verified owner)


    dimension: code-quality

    Absolutely loved it . This product truly deserves 10 out of 10 and I’m grateful for the developers who built this for saving me tons of time 
    Specially grateful for the quality of the code .very well done

  21. mpazaryna (verified owner)


    dimension: code-quality

    I’ve been working with the product, building out a new site. I’m so very, very happy with the quality of the code and the use of best practices. I’ve been able to modify existing components and make updates that are required for my use case with absolute ease. I’ve only started to explore the Figma components, but having them available is a big deal for us and we will utilize them more in upcoming development efforts. I’ve personally learned a great deal by studying and exploring this kit. This has been well worth the effort and I’m very satisfied.

Only logged in customers who have purchased this product may leave a review.

Vendor Information

No product has been found!