HYVÄ THEME DEVELOPMENT
Hyvä Theme: The Fastest Frontend for Magento 2.
100 Lighthouse. Sub-second LCP.
Hyvä is a modern Magento 2 theme framework built on Alpine.js and Tailwind CSS — replacing the bloated Luma/Knockout.js frontend with a lightweight, performant stack that consistently achieves 100 Lighthouse scores and sub-second LCP. We build custom Hyvä themes and migrate existing Magento stores to the Hyvä stack.
View our workHyvä Theme
React + Alpine.js on Magento 2
100
Lighthouse
< 0.8s
LCP
90%
Less JS
vs. Luma (default Magento theme)
Lighthouse
100
Hyvä
100
Avg. Lighthouse score on Hyvä builds
< 0.8s
Avg. LCP on custom Hyvä themes
90%
Less JavaScript vs. Luma
10x
Faster builds than Luma development
Magento 2's default Luma theme ships with 2MB of JavaScript, 4-6 second LCP, and a Knockout.js framework that nobody wants to develop on. Hyvä fixes all of it.
Luma, Magento 2's default theme, was designed in 2015 with a RequireJS and Knockout.js frontend stack that has not aged well. The average Luma-based Magento 2 store has 2-3MB of JavaScript on the homepage, consistently fails Core Web Vitals, and is slow to develop on because Knockout.js is unfamiliar to modern frontend developers. Hyvä replaces all of this.
Hyvä is built on Alpine.js (lightweight reactive framework, ~4KB) and Tailwind CSS — a stack that modern frontend developers know, that produces minimal JavaScript output, and that consistently achieves Lighthouse scores of 95-100 on custom implementations. The development speed improvement over Luma is 5-10x, which means custom Hyvä themes cost significantly less to build than equivalent Luma themes.
100
Avg. Lighthouse score on Hyvä builds
< 0.8s
Avg. LCP on custom Hyvä themes
90%
Less JavaScript vs. Luma
10x
Faster builds than Luma development
The average Luma store scores 25-40 on Lighthouse. The average custom Hyvä theme scores 95-100. This is not a marginal improvement — it changes your SEO and conversion calculus.
Core Web Vitals are a Google ranking factor. Stores that consistently fail CWV are being outranked by competitors that pass — even when other SEO factors are comparable. A Hyvä migration that takes a store from 30 to 98 on Lighthouse is a direct SEO intervention with measurable ranking impact within 3-6 months.
The conversion rate impact of load time improvement at this magnitude is also significant. Taking LCP from 4.2s to 0.8s is a 5x load time improvement. Google's research shows that each 100ms of load time improvement correlates with approximately 1% conversion rate improvement. A 3.4s improvement is a meaningful, permanent conversion rate uplift — entirely from the theme change.
Every service under one roof.
Swipe or use arrows · 1 of 5
Bespoke Hyvä theme built on Alpine.js and Tailwind CSS.
Custom Hyvä theme development from scratch — designed to your brand, built for performance, and achieving 95-100 Lighthouse across every page template. Full component library for your team to edit without developer involvement.
Active coverage area
Bespoke Hyvä theme built on Alpine.js and Tailwind CSS.
View
1/5
Intent
Buyer need
Proof
Trust signal
Action
Lead path
Custom design in Figma first
Alpine.js + Tailwind CSS
95-100 Lighthouse on all templates
Not sure where to start?
Talk to our teamBuilt for performance at every layer.
100 Lighthouse Score
Custom Hyvä themes consistently achieve 95-100 Lighthouse on every page template. The Alpine.js + Tailwind stack makes this achievable by default.
Alpine.js Frontend
Lightweight reactive framework at 4KB — 99% smaller than the Knockout.js bundle it replaces. Modern, maintainable, and familiar to current developers.
Tailwind CSS
Utility-first styling with automatic purging — 5-15KB of CSS per page vs. 100KB+ in typical Luma implementations.
Core Web Vitals
Pass Core Web Vitals on every template. Direct ranking impact from Google's CWV ranking factor — measurable in Search Console within 90 days.
Luma → Hyvä Migration
Full migration from Luma to Hyvä — templates rebuilt, modules updated for compatibility, and parallel environment tested before cutover.
Hyvä Checkout
Replace Magento's bloated default checkout with a lightweight Alpine.js/Tailwind equivalent — consistent performance through to purchase.
Custom Component Library
Every custom Hyvä theme ships with a documented component library your team can use to build new pages independently.
Module Compatibility
Third-party module Hyvä compatibility development — frontend templates rebuilt for the Alpine.js stack, tested and documented.
Performance Analytics
Before/after performance benchmarking at every milestone. You see the Lighthouse improvement quantified at staging, not just at launch.
The platforms we build on.
We're platform-agnostic but opinionated. Every platform recommendation is made after understanding your business model, your team's capability, and your growth plans — not because it's easiest for us.
Hyvä Theme Framework
Base frameworkLicensed Hyvä Theme base — the foundation all custom development is built on. Includes the Alpine.js component library, Tailwind configuration, and Hyvä-specific Magento template overrides.
Alpine.js v3
JavaScriptAlpine.js provides declarative reactivity for interactive components — cart drawer, mini-cart, product gallery, quantity selectors. At 4KB, it replaces the 2MB RequireJS + Knockout.js bundle.
Tailwind CSS v3
StylingTailwind CSS with JIT compilation and purging — only the utility classes actually used in the theme are included in the production CSS bundle. Typical output: 8-15KB.
Hyvä Checkout / React Checkout
CheckoutSeparately licensed Hyvä Checkout or React Checkout module — replacing Magento's default checkout with an Alpine.js or React-powered equivalent that maintains the Hyvä performance story.
Magento 2.4.x
PlatformHyvä requires Magento 2.4.x. We always build on the current supported Magento version and verify all modules have Hyvä-compatible frontend templates before beginning theme development.
Vite / Webpack
Build toolingVite for Hyvä theme asset compilation — significantly faster build times than Magento's traditional Grunt/Webpack pipeline, with hot module replacement during development.
Proven outcomes.
98
Lighthouse (was 28)
+55%
Organic traffic
Coastal Collective
Luma to Hyvä migration. Lighthouse improved from 28 to 98. LCP from 4.8s to 0.7s. Organic traffic up 55% from Core Web Vitals improvement in 4 months.
98
Lighthouse (was 28)
+55%
Organic traffic
100
Lighthouse score
6 weeks
Development time
Industrial Supply Co.
Custom Hyvä theme build on a new Magento 2 B2B implementation. 100 Lighthouse from day one. Development completed in 6 weeks — 3x faster than equivalent Luma development.
100
Lighthouse score
6 weeks
Development time
-22%
Checkout abandonment
+31%
CVR
BuildCo Supply
Custom Hyvä theme migration with Hyvä Checkout implementation. Checkout abandonment reduced 22% from improved checkout performance and UX. CVR up 31%.
-22%
Checkout abandonment
+31%
CVR
Our Strategic Process
Performance baseline and module compatibility audit.
Lighthouse baseline on all current page templates, module inventory, and Hyvä compatibility assessment. We know exactly what the migration involves before quoting.
Book a Free CallPhase 1 of 6
Audit
All phases
Next: Design
Answers, before you ask.
The most common questions we hear about services, process, timelines, and fit — answered plainly.
Hyvä is a Magento 2 theme framework built on Alpine.js and Tailwind CSS. It replaces Magento's default Luma theme, which is built on RequireJS and Knockout.js — a 2015-era JavaScript stack that produces 2-3MB of JavaScript on every page load. Hyvä's Alpine.js frontend is 4KB. The result is 90% less JavaScript, sub-second LCP, and consistent Lighthouse scores of 95-100.
Industry perspectives.
Practical guides and data-backed insights from our senior team.
Hyvä Theme
Hyvä vs. Luma: Why We Recommend Hyvä for Every New Magento 2 Project
Hyvä vs. Luma: Why We Recommend Hyvä for Every New Magento 2 Project
Hyvä has become our default recommendation for every new Magento 2 theme project. The performance advantage over Luma is too significant to ignore — and the development speed improvement means custom Hyvä themes often cost less than equivalent Luma builds. We break down the comparison with data from 15 Hyvä projects.
Performance
How Hyvä Theme Took a Magento 2 Store from 28 to 98 on Lighthouse
How Hyvä Theme Took a Magento 2 Store from 28 to 98 on Lighthouse
The performance difference between Luma and Hyvä is not incremental — it's categorical. We share the full before/after data from a recent Luma to Hyvä migration, including Lighthouse scores by template, Core Web Vitals measurements, and the 55% organic traffic improvement that followed.
Alpine.js
Alpine.js for Magento Developers: Why It's Better Than Knockout.js in Every Way
Alpine.js for Magento Developers: Why It's Better Than Knockout.js in Every Way
Alpine.js is the frontend JavaScript framework Magento 2 should have chosen from the start. It's smaller, faster, more maintainable, and easier to learn than Knockout.js. We explain what makes Alpine.js better and walk through common Magento frontend patterns rewritten in Alpine.js.
Let's build something that
compounds over time.
One senior team. Every channel. No hand-offs. Book a Free Call and we'll review your current setup before we speak.