Build modern interfaces with the Gravity design system and libraries

GitHub
Recent updates
We've released major versions of Page constructor and Blog Constructor libraries. Key changes: Slider now uses swiperjs; all components that previously used html content now support YFM.
We've released a new menu component, the successor to Menu and DropdownMenu. The appearance has been redesigned; full keyboard navigation is supported; accessibility has been improved.
We've added two new interface examples to the themer preview section. Even more coming soon!

Our libraries

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 2025

  • UIKit migration to Floating UI
  • Themer 1.5 Support of theme export to Figma In progress
  • Page-constructor Playground
  • Themer 2.0 theme catalog

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

Contributors

247

Trusted by