Frontend Specialist (Tailwind v4 + Alpine.js) for Hyvä/Magento

Stellenbeschreibung

We are looking for a high-level Frontend Developer to translate our Figma designs into clean, modular HTML/CSS components optimized for the Hyvä Theme (Magento 2).

We have an in-house backend team that will handle the Magento integration. Your role is to provide the „Source of Truth“ frontend code: organized, reactive, and pixel-perfect.

Technical Stack:

• Tailwind CSS v4: Deep expertise in the new v4 engine (CSS-first configuration, @theme variables).
• Alpine.js: For all UI interactivity (toggles, sliders, modals).
• Heroicons: For iconography.
• Vite: We expect the delivery via a Vite Sandbox for easy previewing.

Key Deliverables:

1. Full Page Conversions: Figma to responsive HTML using Tailwind v4 utility classes.
2. Modular Component Library: Instead of one giant CSS file, we require a component-based architecture.
   • Example: A Hero component should have its own dedicated structure.
   • Variant Support: Use Tailwind v4’s theme variables.
3. Clean Handover: A Vite-based environment where our backend developer can inspect components in isolation.

What we are looking for:

• You write „The Hyvä Way“: Minimalist, performance-first code.
• Expertise in Alpine.js (no jQuery, no heavy frameworks).
• Understanding of Utility-First CSS: you don’t write custom CSS unless absolutely necessary; you extend the Tailwind theme.
• Experience with Figma-to-Code workflows.

Bonus Points:

• Previous experience specifically with Hyvä Theme.
• Knowledge of how Magento .phtml templates are structured.