Spartywind – Modern Angular UI

Build fast, accessible, and visually consistent apps with Angular, Tailwind CSS, and spartan/ui. This starter integrates standalone components, OnPush detection, and signals into a high-performance architecture.

This is a demo website for spartan/ui. The source code is available in this repository: github.com/rolfscherer/spartywind.

Architecture at a glance

Clean routing, feature isolation, and scalable design tokens.

  • ●Standalone Components by default – no NgModules overhead.
  • ●OnPush change detection for predictable performance.
  • ●Signals for local state and computed derived values.
  • ●SSR-friendly: UI handles browser-only APIs safely.

UI Building Blocks

Compose interfaces with accessible, themeable primitives.

The spartan/ui stack combines Brain (logic) with Helm (styling). You get 50+ robust components styled via Tailwind.

  • ● Use Hlm* directives for semantic styling.
  • ● Adopt @for / @if control flow.
  • ● Modern input() & output() patterns.

Technologies & Conventions

What powers this project and how to use it effectively.

Angular (v20+)

Modern primitives, typed forms, and standalone architecture. We favor strict typing and OnPush for scalability.

Tailwind CSS

Utility-first styling with design tokens. Variants (success/error) are expressed via semantic utility classes.

spartan/ui

Accessible behaviors from Brain, lightweight styling from Helm. Perfect balance between control and speed.

DX & Performance

Lint rules enforce a11y (AXE/WCAG AA). Lazy routing and SSR-safe guards keep builds stable.

Start Building

Ready to explore? Browse components or check the dashboard.

Browse UIOpen Dashboard