Libraries
Components
Design
Icons
Themer
Libraries
Components
Design
Icons
Themer
Do you 💖 Gravity UI? Give us a ⭐ on Github
Do you 💖 Gravity UI? Give us a ⭐ on Github

Build modern interfaces with the Gravity design system and libraries

GitHub
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!
If you have any questions about the Navigation library, we recommend watching our webinar!

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

235

Trusted by