Hyvä theme benefits: why Magento 2 stores are switching from Luma

Hyvä rethinks how a Magento 2 theme works. It drops Luma’s heavy JavaScript and CSS for a lean, modern stack.

What is Hyvä?

Hyvä is a modern Magento 2 theme built on two technologies: Alpine.js for interactivity and Tailwind CSS for styling. It replaces Luma’s Knockout.js, LESS and RequireJS stack.

Launched in 2021 and grown by its community, Hyvä is now a common choice for agencies and enterprises building new Magento 2 stores.

The problem with Luma, and Hyvä’s fix

Luma is slow. The default Magento 2 theme loads massive JavaScript bundles via RequireJS, relies on Knockout.js for DOM updates, and ships CSS for features most stores never use.

Core Web Vitals: Luma stores often score low on mobile in Google PageSpeed Insights.

Hyvä is lean. Alpine.js is about 15 KB gzipped. Tailwind CSS generates only the classes you use.

Core Web Vitals: Hyvä stores usually score high on mobile without heavy tuning.

Performance benefits that matter

Faster time to interactive

Alpine.js is tiny and deferred, so it does not block rendering. Pages become interactive sooner.

Smaller bundle size

Hyvä’s CSS is pruned to only include classes you use, so its stylesheet is a fraction of a typical Luma store’s.

Better caching

Hyvä’s CSS is predictable and cache-friendly. Updates don’t bust the entire CSS cache, only the files that changed.

Real-world result

LivingZone.de is a Hyvä store we migrated from Shopware to Magento 2. See how we built it. For stores that are not ready to switch themes, our Magento performance optimization work targets the same Core Web Vitals on Luma.

Developer experience

Developers love Hyvä because:

• Tailwind CSS is intuitive: style in the markup with utility classes. Most frontend developers already know it.
• Alpine.js is simple: Alpine directives in plain HTML replace Knockout templates and bindings.
• No RequireJS complexity: no module loader configuration to manage.
• Faster component development: custom components are simpler to build than on Luma, because Hyvä uses Tailwind CSS and Alpine.js instead of RequireJS and Knockout.js.
• Modern tooling: builds with npm and the Tailwind CLI.

Cost savings

Hyvä is also cheaper to build on:

• Faster development: less time spent on frontend customization, because Tailwind and Alpine.js replace most of the Luma frontend stack.
• Smaller team requirements: one solid frontend developer can manage a Hyvä store. Luma often needs a frontend specialist plus a Magento expert.
• Lower hosting costs: better performance means better caching, fewer server requests and reduced infrastructure spend.
• SEO benefits: Core Web Vitals are a Google ranking signal, and Hyvä makes them easier to pass.

Hyvä vs Luma: side by side