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

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

AIReady

A11YReady

TouchReady

i18nReady

RTLReady

Build modern interfaces with the Gravity design system and libraries

Recent updates

2 days ago

Gravity UI is now agent-ready: meet llms.txt and the Gravity UI skill in our new blog post!

3 months ago

We added illustration theming to the Specific section in Themer — now you can quickly try your theme on illustrations!

4 months ago

In a new blog post, we introduced Gravity UI Charts!

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.

A flexible JavaScript library for data visualization and chart rendering using React.

Markdown editor

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.

Page constructor

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

A grid component for building interactive dashboards.

Date Components

Various date components.

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

Trusted by