Spartywind – Moderne Angular UI

Erstellen Sie schnelle, barrierefreie und visuell konsistente Apps mit Angular, Tailwind CSS und spartan/ui. Dieser Starter integriert Standalone-Komponenten, OnPush-Erkennung und Signals in eine leistungsstarke Architektur.

Dies ist eine Demo‑Website für spartan/ui. Der Quellcode ist in diesem Repository gespeichert: github.com/rolfscherer/spartywind.

Architektur auf einen Blick

Sauberes Routing, Feature-Isolation und skalierbare Design-Tokens.

  • Standalone-Komponenten als Standard – kein NgModules-Overhead.
  • OnPush-Änderungserkennung für vorhersagbare Leistung.
  • Signals für lokalen Zustand und berechnete abgeleitete Werte.
  • SSR-freundlich: UI behandelt Browser-only APIs sicher.

UI-Bausteine

Erstellen Sie Schnittstellen mit barrierefreien, thematisierbaren Primitiven.

Der spartan/ui-Stack kombiniert Brain (Logik) mit Helm (Styling). Sie erhalten über 50 robuste Komponenten, die über Tailwind gestylt sind.

  • Verwenden Sie Hlm*-Direktiven für semantisches Styling.
  • Nutzen Sie @for / @if Kontrollfluss.
  • Moderne input() & output() Muster.

Technologien & Konventionen

Was dieses Projekt antreibt und wie man es effektiv nutzt.

Angular (v20+)

Moderne Primitive, typisierte Formulare und Standalone-Architektur. Wir bevorzugen strenge Typisierung und OnPush für Skalierbarkeit.

Tailwind CSS

Utility-First-Styling mit Design-Tokens. Varianten (Erfolg/Fehler) werden über semantische Utility-Klassen ausgedrückt.

spartan/ui

Barrierefreies Verhalten von Brain, leichtgewichtiges Styling von Helm. Perfekte Balance zwischen Kontrolle und Geschwindigkeit.

DX & Leistung

Lint-Regeln erzwingen Barrierefreiheit (AXE/WCAG AA). Lazy Routing und SSR-sichere Guards halten Builds stabil.

Loslegen

Bereit zum Erkunden? Durchsuchen Sie Komponenten oder prüfen Sie das Dashboard.