Do you 💖 Gravity UI? Give us a ⭐ on Github

AIReady

A11YReady

TouchReady

i18nReady

RTLReady

Build modern interfaces with the Gravity design system and libraries

GitHub

Recent updates

1 day ago

Finally, we have launched a blog!

2 months ago

We've created a component — Color Picker now you can easily select colors with an intuitive interface, HEX/RGB format support, and optional alpha channel.

2 months ago

We've launched the AIKit library, start building functional AI chats easily and quickly!

Examples

Our libraries

Base UI components and tokens for building services with Gravity.

A flexible React component library for building AI chats with Atomic Design principles.

Various date components.

A powerful tool for working with Markdown, which combines WYSIWYG and Markup modes.

High-performance graph renderer with dynamic scale-aware detailization

A compact and extensible navigation panel for complex services.

A set of stylish, functional blocks for quickly creating promo and landing pages.

A grid component for building interactive dashboards.

Start creating with Gravity UI

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

Open Next.js Playground

Build modern interfaces with the Gravity design system and libraries

Examples

Our libraries

UIKit

AIKit

Date Components

Markdown editor

Graph

Navigation

Page constructor

DashKit

Start creating with Gravity UI

Contributors

Trusted by