Libraries
Components
Design
Icons
Libraries
Components
Design
Icons

Build modern interfaces with the Gravity design system and libraries

GitHub
Recent updates
If you want to find out our future plans, please check out the recently updated roadmap section.
We continue to improve our templates section and have added the Remix template. If you need other templates, don’t hesitate to create an issue.
We added templates for popular frameworks (CRA, Next.js, Vite) and redesigned templates section. Now it’s even easier to start using our framework in your project.
Built on real-life experience
Conceived as an in-house solution in response to real developers' needs, we released Gravity to the open-source community.
First class design
Experienced designers curate the look of our libraries, ensuring that components are stylish and consistent, with support for dark mode and high-contrast themes.
An evolving ecosystem
Regular feedback from our community of developers allows us to continuously improve our libraries, and break compatibility only when necessary.

Examples

Accent
TitleCreated byUpdatedCreated
Weekly Sync
28.06.202226.06.2022
Campaign brainstorm
7.06.202216.06.2022
Logo redesign
7.06.202220.06.2022

Our libraries

UIKit
386
Base UI components and tokens for building services with Gravity.
v6.2.0
05.03.2024
Page constructor
26
A set of stylish, functional blocks for quickly creating promo and landing pages.
v5.1.0
06.03.2024
ChartKit
17
A data visualization suite integrated with our design system.
v5.1.0
20.02.2024
DashKit
10
A grid component for building interactive dashboards.
v7.0.0
14.02.2024
Yagr
93
A high-performance canvas charts renderer, based on uPlot.
v4.2.3
30.01.2024
Navigation
17
A compact and extensible navigation panel for complex services.
v2.3.1
04.03.2024

Roadmap 2024

  • Date Components: New library for working with date and time
  • UIKit: Right-to-left languages supportIn progress
  • UIKit: improvements in digital accessibilityIn progress
  • Figma: color theme template builderIn progress
  • Development farmIn progress
  • Docs: Date Components in Components sectionIn progress
  • UIKit: emoji picker, color picker, label input and range input componentsIn progress
  • UIKit: Migration to Floating UI
  • Docs: Page constructor in Components section
  • UIKit: Extended mobile support
  • Page constructor: footer block

Start creating with Gravity UI

npx create-react-app my-app --template gravity-ui-pure
cd my-app
npm start

Trusted by