Documentation / Overview
Getting Started
Welcome to Innevix. This guide shows you how to integrate our beautiful Tailwind and Alpine.js components into your Magento 2 Hyvä theme.
Installation
First, ensure you have a working Hyvä theme installation. Run the following command in your terminal to initialize the Innevix CLI tools in your project root:
npx create-innevix@latest init
Configuration
The installer will generate an innevix.config.ts configuration file and merge our design tokens into your tailwind.config.js automatically. Verify your Tailwind config includes the plugin:
import
innevixPlugin from "innevix-ui/plugin"module.exports = {
plugins: [innevixPlugin()]
}Adding Components
You do not need to install the whole library via npm if you prefer. You can simply copy and paste the .phtml code directly from our gallery into your Magento codebase. It just works.