AIReady
A11YReady
TouchReady
i18nReady
RTLReady
Build modern interfaces with the Gravity design system and libraries
Recent updates
UIKit 8 is out: new List and Menu, responsive layouts, and updated themes. Explore the changes and migration guides.
Meet the Theme Gallery: ready-made designer themes you can apply in one click, tweak, and export!
Gravity UI is now agent-ready: meet llms.txt and the Gravity UI skill in our new blog post!
Examples
Start creating with Gravity UI
1
Install gravity-ui skill
Add package selection, current APIs, real icons and token guidance. Point your agent to all gravity-ui packages and versioned documentation.
npx skills add gravity-ui/skills
2
Build something
Example 1 of 3
Build a responsive usage dashboard: the UI on @gravity-ui/uikit, all charts on @gravity-ui/charts.
Create a product landing page with a hero, feature cards, and a pricing section using Gravity UI components.
Lay out a welcome page for an online store admin panel: a greeting, key metric tiles, and a recent orders table.
Gravity UI skill activated
Our libraries
Trusted by
