Framework Agnostic
Vanilla JS, Svelte, React, Preact, Vue, Lit oder Alpine.js. Nutze was du am besten kennst.
Webmate StudioComponent Development
HTML-first Components mit Tailwind CSS und Islands Architecture
Skip to content
Islands Architecture
0kb JavaScript initial. Interaktivität nur wo benötigt mit Islands.
Tailwind First
Integriertes Tailwind CSS mit Design Tokens. Style Components mit Utility Classes.
Hot Module Reload
Instant Feedback beim Entwickeln. Änderungen erscheinen sofort ohne Page Refresh.
Directory-Based
Einfache Component-Struktur mit HTML-Templates. Keine komplexe Build-Config.
Powerful CLI
Components generieren mit interaktivem Wizard. Dev-Server und Production-Builds inklusive.
Schnellbeispiel
bash
wm init my-components
cd my-components
wm devComponent erstellen:
bash
wm generatehtml
<div class="p-6 bg-white rounded-lg shadow-md">
<h2 class="text-2xl font-bold mb-4">{{title}}</h2>
<p class="text-gray-600">{{description}}</p>
<div wm:if="showButton">
<button class="px-6 py-3 bg-primary text-white rounded-lg">
{{buttonText}}
</button>
</div>
</div>Workflow
bash
wm generate # Component erstellen
wm dev # Preview (localhost:5173)
wm login # Mit CMS verbinden
wm push # Build + Upload + Versionierung