Build modern interfaces with the Gravity design system and libraries

GitHub
Recent updates
We've released the Stepper component. Steppers display progress through a sequence of logical and numbered steps. Check it out in the new version!
If you have any questions about the Navigation library, we recommend watching our webinar!
All major libraries have been updated to UIKit 7, including the Markdown editor, Navigation, Page constructor, Date components and more. It's high time for you to upgrade your project to the UIKit 7!

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

233

Trusted by