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.

Features

• 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:

pageIntroductionpageTechnical RequirementspageInstallationpageLayout Manager for DummiespageCreating 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:

pagePreloaderpageFaviconpageBack to ToppageWide Vs Box LayoutpageSmooth ScrollpageTransparent Header

About Article Blog

pageArticle Listing OptionspageSingle Article OptionspageBlog Options for Single Article viewpageBlog Options for Articles List ViewpageOpen GraphpageCustom type comment for Blogs/Articles

About Header

pageHeaderpageLogo OptionspageSticky HeaderpageOff-Canvas menupageAnimationpageCustomize the Offcanvas icons

About Miscellaneous

pageLazy Load ImagespageComing SoonpageError PagepageCopyrightpageContact InformationpageMinify JS/CSS/HTML

About Theme Color

pageBody ColorpageHeader ColorpageSticky Header ColorpageMain Menu ColorpageDropdown Menu ColorpageOff-Canvas Colors

About Layout Settings

pageSection SettingspageRow SettingspageElement SettingspageColumn Settings

Learn More About Menu Item Settings

pageBlog OptionspageBanner OptionspageOpen Graph OptionspageHow to manage the Blog Options for Articles List View

Something About Typography

pageCustom TypographypageBody TypographypageMenu TypographypageH1-H6 TypographypageDrop Down Menu TypographypageHow to use local font

Custom Code

pageTracking CodepageBefore </head>pageBefore </body>pageCustom CsspageCustom JS

How To Set Up A Mega Menu

pageMega Menu

Social Profile Settings

pageSocial Profile

Theming

pageTheming

More

pageExport / 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!