Mögen Sie Gravity UI? Geben Sie uns einen ⭐ auf Github

AIReady

A11YReady

TouchReady

i18nReady

RTLReady

Erstellen Sie moderne Schnittstellen mit dem Gravity Designsystem und seinen Bibliotheken

GitHub

Aktuelle Updates

vor 6 Tagen

Konfigurieren Sie die automatische Generierung von OpenAPI/Swagger in ExpressKit-Anwendungen mit der neuen expresskit‑api Bibliothek!

vor 1 Monat

Endlich haben wir einen Blog gestartet!

vor 3 Monaten

Wir haben eine Komponente erstellt – Color Picker. Jetzt können Sie ganz einfach Farben mit einer intuitiven Oberfläche, Unterstützung für HEX/RGB-Format und optionalem Alpha-Kanal auswählen.

Beispiele

Unsere Bibliotheken

Basis-UI-Komponenten und Tokens für die Erstellung von Diensten mit Gravity.

Eine flexible React-Komponentenbibliothek zum Erstellen von KI-Chats nach den Prinzipien des Atomic Design.

Verschiedene Datums-Komponenten.

Ein leistungsstarkes Werkzeug für die Arbeit mit Markdown, das WYSIWYG- und Markup-Modi kombiniert.

Hochleistungs-Graph-Renderer mit dynamischer, skalierungsabhängiger Detailgenauigkeit.

Ein kompaktes und erweiterbares Navigationspanel für komplexe Dienste.

Eine Sammlung stilvoller, funktionaler Blöcke zur schnellen Erstellung von Promo- und Landingpages.

Eine Grid-Komponente zum Erstellen interaktiver Dashboards.

Beginnen Sie mit Gravity UI zu erstellen

npx create-next-app@latest my-app --example "https://github.com/gravity-ui/gravity-ui-nextjs-example"
cd my-app
npm run dev

Öffnen Next.js Playground

Erstellen Sie moderne Schnittstellen mit dem Gravity Designsystem und seinen Bibliotheken

Beispiele

Unsere Bibliotheken

UIKit

AIKit

Date Components

Markdown editor

Graph

Navigation

Page constructor

DashKit

Beginnen Sie mit Gravity UI zu erstellen

Mitwirkende

Vertraut von