What is Astroid?

Astroid is a powerful modern framework tailored for designers and developers or simply assists you in building your first website. Its intuitive interface helps you create fully responsive, fast & robust Joomla-based websites and templates. Astroid uses the last mainstream web technologies and fully integrates and enhances the core abilities of Joomla.


  • Built for Joomla 4, Joomla 5 & Beyond!

  • Build Fast Loading Websites

  • Structure 100% Responsive with Advanced per Devices User Controls

  • Bootstrap 5 Compatible, Sass Ready, Custom CSS & SCSS files if needed

  • Ergonomic Drag & Drop Layout Builder with Total Design Flexibility

  • Flexible Logo and Header Options (Retina Logo, “Sticky” Menu, Layout Controls...)

  • Font Awesome 6 (External or Local Load)

  • Social Icons, Phone & Share

  • Accessible Design & Text Directions RTL/LTR Ready

  • Sections & Elements Animations plus Extensive Background Controls

  • Advanced Menus Options (Pages Banners, Icons, Subtitles, Badges...)

  • Off-Canvas Sections & Powerful “Mega Menu” Options

  • Advanced Typography Controls for External (Google...) or Self-Hosted Fonts

  • Advanced Blog Options (Author Info, Related Articles, Read Time, Social Share, Comments...)

  • Custom Article Type options (Videos, Gallery, Audio, Review, Quote & Articles Badges...)

  • Unlimited Integration of Custom Code & files (Javascript,, CSS, Tracking Code...)

  • Custom Profiles & Themes with Import/Export Settings

  • Lazy Loading & JS & CSS Code Optimization

  • Open Graph

  • Total integration of Joomla Child Templates Ability

  • Ajax Admin & Light & Dark Colors Themes with Visitors Switch

  • Enhanced User Experience. Build the Design in Your Head, Easily.

  • Refactored Codebase, Better Every Versions

  • Available in multiple languages

  • Powerful Widget System

  • And More ...

  • Only Enable What You Need & Ask Us for New Features!

Getting Started

Got 2 minutes? Check out a video overview of our product:

Guides: Jump right in

Follow our handy guides to get started on the basics as quickly as possible:

IntroductionTechnical RequirementsInstallationLayout Manager for DummiesCreating a basic Astroid Template

Good to know: the product docs aren't just a reference of all features! use them to encourage folks to perform certain actions and discover the value of our product.

Basic Settings

Learn the fundamentals of Astroid Framework to get a deeper understanding of the main features:

PreloaderFaviconBack to TopWide Vs Box LayoutSmooth ScrollTransparent Header

About Article Blog

Article Listing OptionsSingle Article OptionsBlog Options for Single Article viewBlog Options for Articles List ViewOpen GraphCustom type comment for Blogs/Articles

About Header

HeaderLogo OptionsSticky HeaderOff-Canvas menuAnimationCustomize the Offcanvas icons

About Miscellaneous

Lazy Load ImagesComing SoonError PageCopyrightContact InformationMinify JS/CSS/HTML

About Theme Color

Body ColorHeader ColorSticky Header ColorMain Menu ColorDropdown Menu ColorOff-Canvas Colors

About Layout Settings

Section SettingsRow SettingsElement SettingsColumn Settings

Learn More About Menu Item Settings

Blog OptionsBanner OptionsOpen Graph OptionsHow to manage the Blog Options for Articles List View

Something About Typography

Custom TypographyBody TypographyMenu TypographyH1-H6 TypographyDrop Down Menu TypographyHow to use local font

Custom Code

Tracking CodeBefore </head>Before </body>Custom CssCustom JS

How To Set Up A Mega Menu

Mega Menu

Social Profile Settings

Social Profile




Export / Import

Good to know: Splitting your product into fundamental concepts, objects, or areas can be a great way to let readers deep dive into the concepts that matter most to them. Combine guides with this approach to 'fundamentals' and you're well on your way to great documentation!

Last updated

© Astroid Framework 2023.