Hyvä Themes

The Magento 2 Frontend Reinvented

Hyvä Themes offers a brand new Magento frontend, built completely from scratch. Focused on performance and reduced complexity, determined to make you happy.

Hyvä Themes

Hyvä Themes are Magento 2 Themes that have been built completely from scratch.

The developers at Hyvä Themes have gotten rid of all the unnecessary ballast. All layout.xml, .phtml files and JavaScript are thrown out, using a blank theme. This is with the purpose of being as independent as possible from external libraries.

Hyvä Themes now only rely on TailwindCSS and Alpine Js, two ultra lightweight frameworks.

The benefits

There are plenty

  • Performance

  • Reduced complexity

  • Maintenance

  • Shorter Time to Market (development speed)

  • Better Developer experience (accomplish more in less time)

  • Highly reduced dependency on external libraries

  • For both new and existing web shops

  • Fully customizable and expandable

Performance

The developers of Hyvä Themes have focused heavily on improving the speed of a website. So it is not surprising that websites developed with Hyvä are significantly faster than those created with Luma.

The performance of a website is incredibly important. First, we want the best user experience, after all, who likes a slow website where you have to wait up to half a minute before you can take action? In addition to ease of use, the performace of a website is also an increasingly important SEO ranking factor. Google has raised the bar for "good performance" again. Specifically, with good performance, you score points with search engines. Better performace = better SEO ranking.

Developer experience

Why should you care if a developer enjoys working on your site? What's in it for you? While you don't have to worry about that as a shopkeeper, you can reap the benefits indirectly. How so?

A good developer experience ensures that a developer can do more in less time. Since you pay working hours, this is directly to your advantage, and it is also more pleasant for us to work with. A true win-win!

Finally, a good developer experience also means a larger community. The community has its own Slack environment with over 1500 active members. We, as developers, also have access to this channel where people share their experiences and reach out to help each other. The more expertise that is shared, the more ideas and solutions there are for your website.

Reduced complexity

Hyvä Themes has drastically reduced the complexity of the frontend, which means that we as Magento developers can work with it much faster.

It is not only a breath of fresh air for us, you also benefit from the fact that adjustments and customizations are faster and there are simply fewer bugs to debug.

Highly reduced dependency on external libraries

Alles wat het Luma-thema onnodig complex en dus traag en log maakte, is weggegooid in het Hyvä-thema, geen RequireJS meer, geen KnockoutJS, geen jQuery, geen LESS.... In plaats daarvan vertrouwt Hyvä Themes op betere, goed doordachte alternatieven, steeds met de beste performance in het achterhoofd.

Hyva Themes relies on two dependencies only: TailwindCSS and Alpine Js.

Alpine Js

Alpine.js is a robust, minimal JavaScript framework. Nothing more, nothing less, AlpineJS is the modern version of the outdated jQuery.

Instead of hundreds of separate JS files, and multiple megabytes of Javascript code, Hyvä Themes implements all interactive features with just one small JS libary, inline JS and vanilla JS.

Because we can't define it any better, we give you the slogan of Alpine Js: Simple. Lightweight. Powerfull as hell.

Tailwind Css

TailwindCSS, a modern CSS framework with which all your design needs can be realized.

This is certainly also achievable with the Luma frontend, because in both cases it comes down to CSS. But there is a nuance.

The framework follows a utility-first approach and fits perfectly with Hyvä Themes' philosophy: Less is more. Maximum performance without compromising on design.

The big advantage of TailwindCSS is, the browser doesn't have to load as much css anymore. This is because unused css is "purged" from the tailwindCSS files. The standard Luma Theme contains about 80kb of css, while with Hyvä Themes it is about 14kb.

In addition, the Time to Market is also a lot shorter because we use Tailwind UI, a collection of ready-to-use HTML snippets (which are also already fully responsive). These TailwindCSS templates are our starting point. We always customize the design, so this doesn't get in the way of customization at all. It just saves us a lot of work because we don't have to start from scratch.

Time to Market

In addition to good performace, the reduced complexity also results in faster development times.

trends and innovations in E-Commerce, rapid implementation and rollout (of both new projects and smaller updates and changes) is crucial.

Perhaps working with modern tools sounds more like an advantage for the developer. Nothing could be further from the truth: you get a better product in faster time!