Which CSS and JavaScript stack does Hyvä use?
Hyvä theme uses Tailwind CSS for styling and Alpine.js for JavaScript behavior. This is a deliberate departure from Magento’s default Luma theme, which is built on LESS, RequireJS, Knockout.js, and a large layer of Magento-specific UI components. Hyvä strips that layer out entirely and replaces it with tools most frontend developers already know from outside the Magento ecosystem.
Why the switch matters
Magento’s Luma stack loads a lot of JavaScript by default, much of it tied to Knockout.js bindings and RequireJS module loading. This adds overhead even on pages that do not need it. Hyvä’s approach removes Knockout.js and RequireJS from the frontend almost entirely and replaces them with Alpine.js, a lightweight library designed for exactly this kind of small-scale interactivity: toggling menus, updating cart counts, handling modals, and similar UI behavior.
On the styling side, Tailwind CSS replaces Luma’s LESS-based build. Instead of compiling large LESS files into a heavy default stylesheet, Hyvä uses Tailwind’s utility classes and a PostCSS build step to generate a much smaller CSS file scoped to what the theme actually uses.
What this means in practice
- Frontend developers can work directly with Tailwind and Alpine.js without learning Magento’s Knockout.js binding syntax or RequireJS module patterns.
- Page weight drops because the theme is not shipping unused Luma JavaScript and UI component logic by default.
- Customizing a component means editing a PHTML template with Tailwind classes and, where needed, a small Alpine.js data object, rather than tracing through layout XML and Knockout view models.
Magento core itself still depends on jQuery in some backend and checkout-adjacent areas, but Hyvä significantly reduces how much of that reaches the actual storefront rendering.
If you are evaluating a move to Hyvä, the CSS and JavaScript stack is usually the smallest part of the decision. The bigger question is how much custom Luma frontend code you have to rebuild. Our team at Stagebit’s Magento development practice handles Hyvä migrations regularly and can scope that out before you commit.
Related Answers
Still need help?
Talk to our Hyvä experts
We build Hyvä storefronts for Magento and Adobe Commerce brands that want Alpine.js speed without losing the flexibility of a full Magento backend.