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 have reached over 700 files in our icon library. You are free to use any of them in your projects!
UIKit v7 Released! The full list of changes, is here. Please don't hesitate to update!
DatePicker and RangeDatePicker components have learned to transform according to the specified format. Now you can choose from days, months or quarters.

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 UIIn progress
  • Themer 1.5 Support of theme exprot to Figma In progress
  • Page-constructor Playground
  • Themer 2.0 theme catalog

Start creating with Gravity UI

npx create-react-app my-app --template gravity-ui-pure
cd my-app
npm start

Contributors

232

Trusted by