Build modern interfaces with the Gravity design system and libraries

GitHub
Recent updates
500⭐️ for our UIKit! We just wanted to say thanks for all the support and feedback we've been getting. There's more to come, so stay tuned!
We've released the PinInput component. You may need it to enter OTP or confirmation codes.
We added a duration module to our date-utils library. It implements the ISO 8601 standard for durations. Here you can find more information about it.
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 Sync28.06.202226.06.2022
Campaign brainstorm7.06.202216.06.2022
Logo redesign7.06.202220.06.2022

Roadmap 2024

  • Date Components: new library for working with date and time
  • UIKit: Right-to-left languages support
  • UIKit: improvements in digital accessibilityIn progress
  • Figma: color theme template builderIn progress
  • Development farmIn progress
  • Docs: Date Components in Components section
  • 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

Contributors

198

Trusted by