💖 Gravity UI? Geben Sie uns einen ⭐ auf Github

AIReady

A11YReady

TouchReady

i18nReady

RTLReady

Erstellen Sie moderne Oberflächen mit dem Gravity Designsystem und Bibliotheken

GitHub

Aktuelle Updates

vor 2 Wochen

Endlich haben wir einen Blog gestartet!

vor 2 Monaten

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

vor 2 Monaten

Wir haben die AIKit-Bibliothek gestartet. Beginnen Sie einfach und schnell mit dem Erstellen von funktionalen KI-Chats!

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 Oberflächen mit dem Gravity Designsystem und 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