Das adaptive Schnittstellensystem für moderne Web-Erlebnisse

Interfaces, die mit dem Design System erstellt wurden und mit jedem modernen UI-Framework verwendet werden können, indem sie Webkomponenten nach Industriestandard nutzen.

Lassen Sie uns loslegen

Dynamische Themen mit adaptiver Benutzeroberfläche

Das Theming-System namens Adaptive UI, das die Eigenschaften des Designsystems, die Designer täglich verwenden, direkt in jede Komponente einbaut.

Komponenten erforschen
Vorgefertigt für helle und dunkle Modi, Farbe und Stil.

Das Umschalten zwischen dunklem und hellem Modus ist so einfach wie das Ändern der Hintergrundfarbe des Designsystems.

0px 32px
1px 4px
-3 3
off on
Neuen Client erstellen

Fügen Sie einen neuen Kunden für Ihr Projekt hinzu. Wenn Sie ein Projekt für einen bestehenden Kunden erstellen, überspringen Sie bitte diesen Schritt.

Client Pick
Neuen Client erstellen

Fügen Sie einen neuen Kunden für Ihr Projekt hinzu. Wenn Sie ein Projekt für einen bestehenden Kunden erstellen, überspringen Sie bitte diesen Schritt.

Client Pick

Arbeitet mit bestehenden Frameworks

Die Grundlage jeder Komponente sind standardbasierte Webkomponenten, die mit nahezu jedem modernen Web-Framework kompatibel sind, einschließlich der unten aufgeführten.

Mehr erfahren
Abgewinkelt

Angular funktioniert hervorragend mit dem Designsystem, da das Bindungssystem sowohl Attribute als auch Eigenschaften für benutzerdefinierte Elemente unterstützt.

ASP.NET

Das Designsystem arbeitet natürlich mit der serverseitigen ASP.NET-Entwicklung. Beginnen Sie sofort mit der Erstellung, indem Sie ein Skript-Tag hinzufügen und die benutzerdefinierten HTML-Elemente verwenden.

Aurelia

Das Designsystem funktioniert sowohl mit Aurelia 1 als auch mit Aurelia 2 einwandfrei, mit voller Integration in die Binding Engine und das Komponentenmodell.

Blazor

Das Designsystem lässt sich gut mit Blazor integrieren, einer Funktion von ASP.NET, mit der Sie interaktive Web-UIs mit C# anstelle von JavaScript erstellen können.

React

Während das React-Team daran arbeitet, benutzerdefinierte Elemente in v17 vollständig zu unterstützen, bieten wir Integrationsunterstützung für v16.x.x.

Vue

Vue unterstützt benutzerdefinierte Elemente vollständig und übergibt standardmäßig alle Daten als Attribute an sie. Das Framework bietet auch eine spezielle Syntax zum Binden von Eigenschaften.

Funktionen und Dienstprogramme

Es gibt eine Million und eine großartige Möglichkeit, Ihre nächste Website oder Anwendung zu erstellen. Um die von Ihnen gewählten Technologien zu unterstützen, steht die Erstellung von unopinioniertem Code im Mittelpunkt jeder Entscheidung, die wir in FAST treffen.

01
Zusammensetzung

Erstellen Sie neue Komponentenkompositionen durch Verschachtelung, Styling von Basiskomponenten oder Erweiterung bestehender Komponenten. Die Kombinationen sind endlos.

02
Design-Systeme

Verwenden Sie die Eigenschaften des Konstruktionssystems oder passen Sie es an, um es nach Ihren Wünschen zu gestalten. Sie können auch Ihr eigenes Konstruktionssystem für die Verwendung mit FAST-Fundamentkomponenten erstellen.

03
Technologie

Web-Komponenten sind auf den Kerntechnologien des Webs aufgebaut und funktionieren in jedem Szenario. Verwenden Sie sie so wie sie sind oder mit Ihrem bevorzugten Framework.

04
Web-Standards

Alle Komponenten folgen den WCAG 2.1, sind W3C-spezifikationskonform und verwenden die W3C-Interaktionsmodelle, sofern verfügbar.

05
Animation

Entwerfen Sie anspruchsvolle Animationssequenzen mit der Animationsbibliothek, einer Schnittstelle für die Web Animations API.

06
Farben

Erstellen Sie Farbpaletten, extrahieren Sie Farben aus Bildern und führen Sie andere Farboperationen mit unserer Farbbibliothek durch.

Build with Fast.Design
Svgexport