Tools· Design & Kreativ

    Starwind UI

    Quelloffene Astro-Komponentenbibliothek, die rund 40 Gruppen mit etwa 193 einzelnen .astro-Dateien als eigenen, frei anpassbaren Quellcode per CLI ins Projekt kopiert, ohne React-Laufzeit vorauszusetzen, ergänzt um Skills und einen MCP-Server für KI-gestützte Workflows.

    gestaltendausführbarOpen Source

    Beschreibung

    Stärken

    Ownership statt Paket-Abhängigkeit
    Komponenten landen als eigener Quellcode im Projekt, wodurch Styling, Funktionalität und Verhalten vollständig angepasst werden können.
    Breite Komponentenabdeckung
    Rund 40 Komponentengruppen mit etwa 193 einzelnen Astro-Dateien decken von Dialogen über Tabs bis zum Farbwähler die gängigen interaktiven UI-Bausteine ab.
    Barrierefreiheit von Grund auf
    Die Komponenten sind tastaturbedienbar und auf Screenreader-Freundlichkeit ausgelegt.
    Kein React-Zwang
    Die stabile Basis funktioniert rein mit Astro-Komponenten und vanilla JavaScript, ohne eine React-Laufzeit ins Projekt zu ziehen.
    CLI-gestützte Installation
    Eine eigene Kommandozeilen-Schnittstelle fügt nur die tatsächlich benötigten Komponenten samt Abhängigkeiten hinzu.

    Einschätzung

    KI-Funktionen

    • Maschinenlesbare Dokumentation Jede Dokumentationsseite ist zusätzlich als Markdown abrufbar, ergänzt um ein generiertes JSON-Manifest, das KI-Werkzeuge direkt einlesen können.
    • Installierbare Agenten-Skills Öffentlich verfügbare Starwind Skills vermitteln kompatiblen KI-Assistenten, wie die CLI zu nutzen ist, wie Komponenten kombiniert statt roh kopiert werden und wie freie Blöcke von Premium-Blöcken mit Pro-Zugang unterschieden werden.
    • MCP-Server Ein eigener MCP-Server bindet Starwind UI an Model-Context-Protocol-fähige Assistenten an und ergänzt die Skills um einen direkten Werkzeugzugriff während der Session.

    Wofür geeignet

    • Astro-Projekte, die interaktive Bedienelemente wie Dialoge, Tabs, Dropdowns oder Formularsteuerungen ohne React-Insel benötigen
    • Teams, die Komponenten als eigenen, frei anpassbaren Quellcode im Projekt halten wollen statt eine geschlossene Paket-Abhängigkeit
    • KI-gestützte Entwicklungsworkflows, die über Skills oder MCP direkt auf aktuelle Komponenten-Dokumentation zugreifen sollen
    • Weniger geeignet für Weniger geeignet für fertige Marketing-Seitenabschnitte wie Hero-Bereiche oder Preistabellen, dafür ist die Starwind-Pro-Erweiterung oder eine dedizierte Block-Bibliothek der passendere Ausgangspunkt.

    Einschränkungen und Hinweise

    • React-Unterstützung noch Beta Der Astro-Kern ist stabil, der plattformübergreifende Runtime-Adapter für React läuft laut Projekt-Dokumentation aktuell im Beta-Kanal.
    • Mehrteilige Komponenten als Einheit kopieren Komponenten wie das Dropdown bestehen aus mehreren zusammengehörigen Dateien; ein teilweises manuelles Kopieren führt zu fehlenden Abhängigkeiten.
    • Initialisierung vor dem ersten Hinzufügen nötig Ohne den einmaligen Init-Schritt schlägt das Hinzufügen einzelner Komponenten über die CLI fehl.
    • Starwind Pro ist ein separates Angebot Die über 200 vorgefertigten Marketing-Blöcke sind ein separates Angebot mit freien und Premium-Blöcken, die einen Pro-Zugang voraussetzen, und nicht Teil der freien Basisbibliothek.
    • Keine fertigen Seitenabschnitte Wer komplette Marketing-Sections statt einzelner Bedienelemente sucht, findet in der freien Bibliothek dafür kein Gegenstück.

    Quick Start

    1. Ein neues Astro-Projekt anlegen oder ein bestehendes Projekt verwenden.
    2. Über die Kommandozeile `npx starwind@latest init` einmalig ausführen und die Basis-Konfiguration bestätigen.
    3. Mit `npx starwind@latest add <komponente>` einzelne Komponenten wie Dialog, Tabs oder Select hinzufügen.
    4. Den erzeugten Quellcode im Projektordner öffnen und Styling oder Verhalten bei Bedarf direkt anpassen.
    5. Bei mehrteiligen Komponenten prüfen, dass alle zugehörigen Dateien vollständig übernommen wurden.

    Tipps

    • Vor dem ersten Komponenten-Hinzufügen immer den Init-Schritt ausführen, sonst schlägt die CLI fehl.
    • Für Marketing-Seitenabschnitte statt einzelner Bedienelemente eine dedizierte Block-Bibliothek oder die Starwind-Pro-Erweiterung in Betracht ziehen.
    • Mehrteilige Komponenten immer vollständig übernehmen, der Komponentenordner ist die Einheit.
    • Für KI-gestützte Workflows die veröffentlichten Skills oder den MCP-Server einbinden, statt die Dokumentation nur manuell nachzuschlagen.

    Zugang

    Stand: · Angaben zu Preisen, Tarifen und Funktionen sind eine Momentaufnahme. Vor einer Entscheidung lohnt der Blick auf die Anbieterseite.

    Im Workshop wird daraus Ihre Methode.

    Wer diesen Prozess einmal laufen sieht, will als Nächstes den Agenten dahinter. Das bauen wir im Workshop Vom Prozess zum Agenten.

    Workshops ansehen

    Gespräch statt Pitch

    Erst verstehen, dann entscheiden. Wir nehmen uns Zeit für ein erstes Gespräch, ohne Verkaufsdruck, ohne Verpflichtung.

    Gespräch vereinbaren