Build modern interfaces with the Gravity design system and libraries

GitHub
We are collecting questions for the Markdown editor webinar, please fill out the form!
Recent updates
We've added two beautiful templates to the Themer Preview section. More to come!
We've released the Stepper component. Steppers display progress through a sequence of logical and numbered steps. Check it out in the new version!

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

239

Trusted by