AIReady
A11YReady
TouchReady
i18nReady
RTLReady
Erstellen Sie moderne Oberflächen mit dem Gravity Designsystem und seinen Bibliotheken
Aktuelle Updates
Gravity UI ist jetzt agent-ready: In einem neuen Blogbeitrag stellen wir llms.txt und den Gravity-UI-Skill vor!
Wir haben die Illustrationsthemen zum Abschnitt "Specific" in Themer hinzugefügt – jetzt können Sie Ihr Thema schnell auf Illustrationen anwenden!
In einem neuen Blogbeitrag haben wir Gravity UI Charts vorgestellt!
Beispiele
Beginnen Sie mit Gravity UI zu erstellen
1
Gravity-ui-Skill installieren
Paketauswahl, aktuelle APIs, echte Icons und Token-Guidance. Verweist Ihren Agenten auf alle gravity-ui-Pakete und die versionierte Dokumentation.
npx skills add gravity-ui/skills
2
Etwas bauen
Beispiel 1 von 3
Erstelle ein responsives Nutzungs-Dashboard: die Oberfläche mit @gravity-ui/uikit, alle Diagramme mit @gravity-ui/charts.
Erstelle eine Produkt-Landingpage mit Hero-Bereich, Feature-Karten und Preissektion aus Gravity-UI-Komponenten.
Setze eine Willkommensseite für das Admin-Panel eines Onlineshops um: Begrüßung, Kacheln mit Kernmetriken und eine Tabelle der letzten Bestellungen.
Gravity-UI-Skill aktiviert
Unsere Bibliotheken
Vertraut von
