# Hyvä · Magento & Adobe Commerce Frontend

Hyvä Official Partner

# The modern Magento _frontend stack._

Hyvä replaces Luma's heavy RequireJS + KnockoutJS frontend with Alpine.js and Tailwind CSS. The result: dramatically faster stores and simpler, more maintainable code.

## Architecture

## How Hyvä works.

### Before

**Luma / Blank**  
RequireJS module loading, KnockoutJS bindings, heavy JavaScript bundle. Complex to customize. Slow to render.  
JS BUNDLE: ~800KB · LH: 30–50

### After

**Hyvä Theme**  
Alpine.js for reactivity, Tailwind CSS for styling, minimal JavaScript. Fast renders, clean markup, easy customization.  
JS BUNDLE: ~40KB · LH: 90–100

## Features

## What's included.

1. **Alpine.js Components**  
   Reactive UI without the overhead. Cart, minicart, navigation, product configurator, all rebuilt clean.

2. **Tailwind CSS System**  
   Design tokens, utility classes, and a configuration that maps to your brand. No global CSS conflicts.

3. **Hyvä Checkout**  
   A complete checkout rebuild. Faster, simpler and fully customizable. Replaces the entire Knockout/Luma checkout.

4. **Module Compatibility**  
   Third-party module support and custom compatibility layers when standard modules need Hyvä adaptations.

5. **Luma Migration**  
   Structured migration path from existing Luma themes. Business logic is preserved while the frontend is rebuilt.

6. **Long-term Care**  
   Ongoing development, Hyvä version upgrades, performance monitoring and feature additions post-launch.

## Performance

## Lighter than Luma. Measurably.

Hyvä reduces what the browser has to download, parse and execute. The numbers come from the homepage of a fresh Magento install, with and without Hyvä.

### Page requests

**5 vs 230 with Luma**  
−98% requests

### Page weight (uncompressed)

**0.4MB vs 3MB with Luma**  
−86% weight

### Core Web Vitals

- **LCP · LARGEST CONTENTFUL PAINT**  
  ≤ 2.5s  
  Loading performance. How fast the main content renders for the user.

- **INP · INTERACTION TO NEXT PAINT**  
  ≤ 200ms  
  Response speed. How quickly the page reacts to taps and clicks.

- **CLS · CUMULATIVE LAYOUT SHIFT**  
  ≤ 0.1  
  Visual stability. How much the layout jumps as the page loads.

## The Hyvä Ecosystem

## A real platform with real momentum.

- **71,163** Live stores
- **81** Countries
- **1,600+** Extensions
- **850+** Agencies
- **6,700+** Slack devs
- **Top 20** eCom usage  
  Source: BuiltWith · Jan 2026 · hyva.io

## How we work

## Our Hyvä process.

**Senior engineering, end to end.** The same person scopes, builds and ships your Hyvä project.

### PHASE 01 ~1 WEEK

**Audit & Diagnosis**  
Performance baseline, JS bundle analysis, accessibility checks and a module compatibility audit on your current store.  
- Lighthouse + Core Web Vitals report  
- Module-by-module Hyvä compatibility  
- Risk + effort estimate

### PHASE 02 ~1 WEEK

**Strategy & Plan**  
Migration roadmap with milestones, scope, dependencies and rollback plan. Shared with your team for sign-off.  
- Theme architecture decisions  
- Component inventory  
- Per-page migration order

### PHASE 03 4–10 WEEKS

**Hyvä Build**  
Theme implementation page by page. Alpine.js components, Tailwind tokens, Hyvä Checkout setup, third-party module adaptations.  
- Component-driven build  
- Weekly preview environment  
- Compatibility layers when needed

### PHASE 04 1–2 WEEKS

**QA & Launch**  
Parity testing against the legacy theme, performance verification on production-grade data, staged go-live with monitoring.  
- Visual + functional parity QA  
- Web Vitals on real traffic  
- Hypercare on launch week

### PHASE 05 · ONGOING

**Ongoing care:** Hyvä version upgrades, new features, performance monitoring and module work. Same engineer, no handoff.

## Certifications

## Official recognition.

We've worked with Hyvä since its early versions. Our team is certified and we are an official partner in the ecosystem.

### /01 Partnership · Official

**Official Partner**  
We are an official Hyvä partner with direct access to the product team, priority support and active involvement in the ecosystem development.

### /02 Certification · Developer

**Certified developers**  
Our team holds the official Hyvä certification, validating technical proficiency with the framework.

## Ready to migrate to Hyvä?

First call is free. We'll audit your current store, scope the migration, and quote it. Direct contact, no forms.  
[Let's start→](/content/en/contact/index.html)

## The Hyvä Suite

## A product, not just a theme.

Hyvä has grown into a full Magento product suite: theme, UI library, checkout, CMS, admin tooling. We work with all of them.

### Hyvä Theme FREE · Open source

The lightweight powerhouse. Replaces Luma. Alpine.js + Tailwind, accessibility built in, 1,600+ compatible extensions.
- Web performance focus  
- Reduced complexity  
- Built-in accessibility  
[More Info](https://www.hyva.io/hyva-theme-license.html)

### Hyvä UI €250 · One-time

60+ components. Browse, copy, paste fully functional PHTML directly into your Hyvä theme. Comes with a Figma file.
- Design driven  
- Functional PHTML files  
- Speeds up development  
[More Info](https://www.hyva.io/hyva-ui.html)

### Hyvä Checkout €1,000 · One-time

Up to 13× faster than Luma checkout. Frictionless, customizable, A/B testable. Replaces the entire Knockout/Luma checkout layer.
- Fast and frictionless  
- All major payment methods  
- Improves conversion  
[More Info](https://www.hyva.io/hyva-checkout.html)

### Hyvä Commerce NEW €3,000 · Annual

Full product suite: Theme + Checkout + UI + Hyvä CMS with Liveview, Image Editor, Media Optimisation, and Admin Dashboard.
- Hyvä CMS · Liveview editor  
- Image editor · Media optimisation  
- Admin dashboard with widgets  
[More Info](https://www.hyva.io/hyva-commerce.html)

### Hyvä Enterprise €2,500 · Annual

Everything in Commerce plus Adobe Commerce compatibility: B2B suite, Live Search, Product Recommendations, Edge Delivery Services and content staging.
- B2B suite, Live Search, Product Recommendations, Edge Delivery Services, content staging.  
- Can be used together with Adobe Edge Delivery Services (EDS)  
- Includes free Hyvä Theme license  
[More Info](https://www.hyva.io/hyva-enterprise.html)

### Hyvä POS Coming Soon

The point of sale built for Magento. A native iOS app that turns your iPad into a powerful retail terminal — connected to your Magento catalog, inventory, customers, and orders in real time.
- Native iOS app for iPhone & iPad  
- Offline-first · Works without connectivity  
- Real-time sync · Synced with Magento  
- Multi-store · Manage all locations  
[More Info](https://www.hyva.io/pos)

## Hyvä is the right call. Now you need the right team to ship it.

Senior engineers, certified Hyvä developers, and over a decade shipping Magento at scale. We migrate, extend, build modules and stay.

- **162** Years on Magento  
- **1,078** Dedicated team  
Hyvä Official Partner

[Talk to us→](/content/en/contact/index.html) First call is free · No intake forms