AIReady
A11YReady
TouchReady
i18nReady
RTLReady

Создавайте современные интерфейсы с дизайн‑системой Gravity

GitHub
Новости
Gravity UI теперь agent-ready: в новом посте в блоге рассказываем про llms.txt и скилл Gravity UI!
Мы добавили темизацию иллюстраций в раздел Specific в Themer — теперь можно быстро примерить свою тему на иллюстрации!
В новом посте в блоге мы представили Gravity UI Charts!

Примеры

Начните создавать проекты с Gravity UI

1

Установите скилл gravity-ui

Подбор пакетов, актуальные API, настоящие иконки и рекомендации по токенам. Направит агента ко всем пакетам gravity-ui и версионированной документации.

npx skills add gravity-ui/skills
2

Соберите что-нибудь

Пример 1 из 3

Собери адаптивный usage-дашборд: интерфейс на @gravity-ui/uikit, все графики — на @gravity-ui/charts.

Создай лендинг продукта с хиро-секцией, карточками возможностей и блоком тарифов на компонентах Gravity UI.

Сверстай welcome-страницу админки интернет-магазина: приветствие, плитки ключевых метрик и таблицу последних заказов.

Скилл Gravity UI активирован

Участники

Нам доверяют