Hyvä UI: één design system voor razendsnelle interfaces
Hyvä UI is de officiële componentbibliotheek van Hyvä — gebouwd met Tailwind CSS en Alpine.js, mét een Figma-bestand dat 1-op-1 matcht met de code. Wij implementeren het, breiden het uit met merk-eigen componenten en koppelen design en development zodat je sneller én consistenter bouwt.
Waarom Hyvä UI?
Minder boilerplate, één bron van waarheid en performance die standaard ingebakken zit.
Wat is Hyvä UI?
Hyvä UI is een design system én componentbibliotheek, geen plugin. Je krijgt een set kant-en-klare, toegankelijke UI-componenten — knoppen, formulieren, modals, dropdowns, accordions, navigatie, product cards, en meer — gebouwd met Tailwind CSS en Alpine.js. Daarbij hoort een Figma-bestand zodat ontwerp en code dezelfde taal spreken.
Het grote verschil met losse snippets of een UI-kit die je van het internet plukt: Hyvä UI is HTML-first en performance-bewust. De componenten gebruiken minimale JavaScript, sluiten naadloos aan op de Hyvä-architectuur en zijn ontworpen om razendsnel te renderen. Dezelfde filosofie waarmee een Hyvä theme ~95% minder JavaScript haalt dan Luma.
Omdat alles op Tailwind en Alpine draait, is Hyvä UI framework-agnostisch. Je gebruikt het in een Magento 2 Hyvä-storefront, maar net zo goed in een Laravel-maatwerkproject of een headless frontend. Eén design system, meerdere platforms.
Wij zijn Hyvä Certified en implementeren Hyvä UI end-to-end: setup, theming naar jouw merk, het bouwen van extra componenten en het opzetten van een werkbare designer-developer workflow. Lees ook onze complete gids over Hyvä UI.
Alles over Hyvä UI
Van eerste installatie tot een merk-eigen design system en conversiegerichte componenten — onze kennisbank voor developers, designers en merchants.
Beginnen met Hyvä UI
Design system & Figma
Voor developers
Veelgestelde vragen over Hyvä UI
Hyvä UI inzetten in jouw project?
Wij implementeren Hyvä UI, bouwen je merk-eigen design system en koppelen design aan development. Plan een gratis Tech Check en we laten zien wat het oplevert.