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

GitHub
Собираем вопросы к вебинару по Markdown editor, пожалуйста заполните форму!
Новости
Мы добавили два новых примера интерфейса в раздел предпросмотр темизатора. Еще больше на подходе!
Мы выпустили компонент Stepper. Его нужно использовать для отображения сценариев, которые разбиваются на шаги. Обновляйтесь!

Наши библиотеки

Основано на реальном опыте использования
Внутреннее решение в ответ на реальные потребности разработчиков: мы выпустили Gravity для open-source сообщества.
Отличный дизайн
Опытные дизайнеры следят за оформлением библиотек, обеспечивая грамотный стиль и единообразие компонентов, а также поддержку темного режима и высококонтрастных тем.
Развивающаяся экосистема
Регулярная обратная связь от сообщества разработчиков позволяет нам постоянно улучшать библиотеки и избегать нарушения совместимости (кроме случаев крайней необходимости).

Примеры

Accent
TitleCreated byUpdatedCreated
Weekly Sync28.06.202226.06.2022
Campaign brainstorm7.06.202216.06.2022
Logo redesign7.06.202220.06.2022

Roadmap 2025

  • UIKit переход компонент на Floating UI
  • Themer 1.5 Поддержка экспорта темы в Figma В работе
  • Page-constructor Playground
  • Themer 2.0 каталог тем

Начните создавать проекты с 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

Участники

243

Нам доверяют