Skip to content

Welcome to MageObsidian

A modern, groundbreaking frontend stack for Magento. MageObsidian redefines frontend development by integrating Vite, TailwindCSS, and Vue.js on top of Magento's native layouts, blocks, and templates — for a faster, friendlier workflow.

Magento Vite Vue.js TailwindCSS Twig

Live demo Get started

Where to next?

  • Getting started

    Set up your environment and get a theme running, from requirements to your first build.

    Requirements

  • Components

    The toolkit that powers it all — modules, compatible themes, and how they fit together.

    Overview

  • Twig Engine

    Write templates in Twig alongside phtml, with helpers and filters built in.

    Explore Twig

  • Theme

    Learn how the default theme is structured and how to build on top of it.

    Theme overview

  • Contribute

    MageObsidian is open source. Join in, report issues, and help it grow.

    How to contribute

  • New here?

    Start with the motivation and key features to see what makes MageObsidian different.

    Introduction

We hope you enjoy using MageObsidian as much as we enjoyed creating it!