AIReady
A11YReady
TouchReady
i18nReady
RTLReady
Build modern interfaces with the Gravity design system and libraries
Recent updates
Gravity UI is now agent-ready: meet llms.txt and the Gravity UI skill in our new blog post!
We added illustration theming to the Specific section in Themer — now you can quickly try your theme on illustrations!
In a new blog post, we introduced Gravity UI Charts!
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
