Main Headless JS

Looking for a Headless JS Web Framework without the Headless CMS? Main JS offers much of the Headless advantages without the headaches.

Developer Features

Headless page hydration

Main features two distinct namespaces; main parent namespace is for controls and visible or engagable elements and tags, and main.js for page hydration, configuration and function calls.

Headless fonts

Main JS allows you to customise your font requirements from your provider, including fonts for specific sections and element types, sans and serif fonts, branded fonts, themed fonts, monospace and symbols.

Headless controls and accessibility

Main JS manages switch and checkbox controls, with customisable functions, full ARIA checked attributes and page hydration support, this is also offered to buttons with the ARIA pressed attribute.

Powerful fetch functions

Main JS headless page hydration offers you a powerful flexible fetcher() function, streamlining async request and responses for all major mime types, server configurations and storage environments.

Complete headless hydration

Main JS hydration systems achieve seamless page navigation, by using fully flexible ‘function arrays,’ allowing easy injection of hydration requirements with push() calls to passive and active listeners to complete rendering processes.

Headless page navigation

Main JS dynamically loads and renders pages on navigation through opener and listener configurations, easily handling page layouts, notifications, applications, updates and smooth scrolling to the top during history progression.

Dynamic menu and application rendering

Main JS enables easy Main/Burger Menus design and distribution by leveraging the headless power of Main JS and using the common Human Sitemap for menu content population.

Complexity reduced

Main JS fetch functions clarify complex systems like pathing (URI and headers,) asynchronous timing (ASYNC,) cross origin requests (CORS,) network resource types (MIME,) browser history and customisable purpose.

Fetch complex data types

Main JS fetch function supports many common mime types; web-pages, text and rich text documents, XML, JSON, form data, scripts, styles, images, video, audio, and fonts.

Dynamic dialog boxes

Main uses advanced Dialog components to achieve a flexible notifications, alert dialogues (popup boxes) and status updates, sidebars, menus, search boxes and application containers (login and more.)

Why Main HTML

Main HTML is a downloadable template that makes designing and building websites easier and faster. Leveraging server-less architecture for performance and millions of styling possibilities, you can build a small website in minutes or maintain a significant digital presence with Main. Main HTML or as it's affectionately called <main> after the element and ARIA role, is perfect for;

  • students looking to learn web dev;
  • professionals looking for a high performance and low cost website;
  • small businesses needing fast content updates, local brand visibility and SEO built-in;
  • SME who need versatile content and have regional consent and measurement responsibilities;
  • companies who demand higher functionality from their websites including powerful personalisation and A/B testing;
  • governments where browser compatibility, high availability and accessibility are top priority;
  • corporations who demand everything including high fault tolerance and multi-domain cookie less architectures.