Huk-Coburg

Shield − Digital Design System

Shield ist auf den HUK-Konzern zugeschnitten und hilft Produkt-Teams dabei, konsistente, performante und barrierefreie UIs schneller zu entwickeln.

Astro 5.17.2 Stencil 4.43.0 Node v22.22.0

@shield/webcomponents v0.2.0 @shield/angular v0.2.0 @shield/react v0.2.0 @shield/tokens v0.1.0 @shield/css-utils v0.1.0

Tools & Links

Alle wichtigen externen Tools auf einen Blick.

Interaktive Component Library – alle Shield-Komponenten live im Browser.

Design-Datei mit allen Shield-Komponenten und Tokens.

Source-Code, Issues und Merge Requests des Shield-Repos.

Direkte Links zu allen Demo-Apps. Die Badges zeigen, ob es eine lokale Workspace-Variante oder eine CDN-Variante ist.

Angular Demo-Apps mit Shield Packages.

Local

CDN

React Demo-Apps mit Shield Packages.

Local

CDN

Framework-los: direkte Nutzung als Custom Elements.

Native