5/5 - (2 votes)

Let’s take a quick look at this amazing Frontend template in the upcoming Joomla 4!

Among many great new features and updates which Joomla 4 will bring us, there are 2 new templates of frontend and backend. Today blog post purpose is to bring you a closer approach to the new frontend template – Cassiopeia along with flexible layout system, integrating Bootstrap 4, codebase which is well-optimized, latest website technologies, etc. Give it a go!

Bootstrap 4 integration

As we have known, Cassiopeia the new frontend template of Joomla 4 integrates with Bootstrap 4. This is the most modern and popular HTML, CSS and JS Framework for creating responsiveness, website mobile first in a quick and easy way.

Joomla 4 Template Integrates Bootstrap 4

A new breath of look and feel

Cassiopeia offers a better look and feels than Beez 3 and Protostar of Joomla 3 with its modern and colorful style.

Joomla 4 Front End Template 1

Mobile First

This new frontend template has been created to bring you a better responsive layout (on mobile and tablets) with a greater performance by integrating with Bootstrap 4, latest web technologies and well-optimized codebase.

Joomla 4 Responsive Front End Template

Flexible layout structure (module positions)

Cassiopeia of Joomla 4 provides us a flexible layout system with more module positions that based on four columns layout system for users to build layout in the way they want easily and layout customization is no longer a problem.

Joomla 4 Template Position Structure Thumb 1

Template folder structure

 This frontend template has a straightforward structure to get to know the functionality of each folder, which helps developers to customize the template easier.

Joomla 4 Template Folder Structure

Built on SASS

Frontend template from Joomla 3 using LESS, while in Joomla 4, Cassiopeia has been built on SASS, which is a powerful CSS extension for a maintainable, extendable and themeable CSS.

Joomla 4 Built With Sass

Module Variations

Cassiopeia provides a diversity of module variations to help users develop their site quicker.

Joomla 4 Module Variations

Optimized codebase

Having major concentration on advancing code quality, customization ability, and performance, Cassiopeia got optimized and codebase with perfect structure.


That’s all of our article today! Are you interested in this Joomla 4 new frontend template? Don’t forget to share if you find this post useful!

Thank you so much for reading! If you have any question, please feel free to let us know by leaving a comment below, we will reply as soon as possible!

Image credit: ijoomla



    • Kelvin Lancer

      Thank you for your info.
      Joomla! 4 have not released yet, it’s just beta test version. When this version release 4.0 with stable version, so all templates from us will be supported.

Leave a Reply

Your email address will not be published. Required fields are marked *

Joomla! 5 update How to update Joomla! 4 to Joomla! 5 step-by-step? Check it out
Happy Lunar New Year! Get 50% OFF for your purchase on today! Coupon code: LUNARNEWYEAR50 Redeem Now