🔝 The new Accordion component has been added to Gravity UI — it allows you to create collapsible content panels to organize large amounts of information compactly!
———
🔝 Добавли новый компонент Accordion — он позволяет создавать сворачиваемые панели контента для компактного размещения большого объёма информации!
———
🔝 Добавли новый компонент Accordion — он позволяет создавать сворачиваемые панели контента для компактного размещения большого объёма информации!
❤12🎉10👍7👏2🐳1
🧑🏻🎨 Figma Library has been updated and Accordion component was added.
———
🧑🏻🎨 Обновили библиотеку в Фигме и добавили компонент Accordion.
———
🧑🏻🎨 Обновили библиотеку в Фигме и добавили компонент Accordion.
🔥17👍2❤1
🎉 Descriptions for 9 components — HelpMark, ActionTooltip, Popover, FilePreview, Disclosure, Hotkey, Divider, Toc, and ClipboardButton — have been added to the Components section. The next step will be to implement automatic synchronization of these descriptions with the repository.
———
🎉 В раздел Components добавлены описания 9 компонентов: HelpMark, ActionTooltip, Popover, FilePreview, Disclosure, Hotkey, Divider, Toc, ClipboardButton. Следующим шагом станет реализация автоматической синхронизации этих описаний с репозиторием.
———
🎉 В раздел Components добавлены описания 9 компонентов: HelpMark, ActionTooltip, Popover, FilePreview, Disclosure, Hotkey, Divider, Toc, ClipboardButton. Следующим шагом станет реализация автоматической синхронизации этих описаний с репозиторием.
👍12🔥8❤2🤝1
The themer has got an advanced mode that helps setting up each of the semantic variables' values.
————————————
В темизаторе добавился продвинутый режим, который позволяет настроить значение каждой семантической переменной.
————————————
В темизаторе добавился продвинутый режим, который позволяет настроить значение каждой семантической переменной.
🔥15❤1👍1
🤖 Introducing AIKit, our UI component library for AI chats built with Atomic Design principles.
Also, we posted an article about it.
———-
🤖 Запускаем AIKit, нашу библитеку для создания AI чатов, посторенную на принципах Atomic Design.
Так же вышла статья о библиотеке.
Also, we posted an article about it.
———-
🤖 Запускаем AIKit, нашу библитеку для создания AI чатов, посторенную на принципах Atomic Design.
Так же вышла статья о библиотеке.
🔥19👍5❤3
🎉 New component launched — Color Picker! Now users can easily select colors using an intuitive interface with HEX/RGB input modes and optional alpha channel support. Convenient, precise, and stylish.
———
🎉 Запущен новый компонент — Color Picker! Теперь пользователи могут легко выбирать цвета с помощью интуитивного интерфейса, поддержки HEX/RGB-форматов и опционального альфа-канала. Удобно, точно, стильно.
———
🎉 Запущен новый компонент — Color Picker! Теперь пользователи могут легко выбирать цвета с помощью интуитивного интерфейса, поддержки HEX/RGB-форматов и опционального альфа-канала. Удобно, точно, стильно.
🔥17🍾3❤🔥1❤1😱1
🌠 Gravity UI has reached 300 contributors. As the community grows, fixes, improvements, and updates ship faster. Thanks to everyone helping out with code, docs, and ideas.
————
🌠 В Gravity UI уже законтрибьютили 300 человек. Комьюнити растёт, и вместе с ним быстрее появляются фиксы, улучшения и обновления. Спасибо всем, кто помогает — кодом, документацией и идеями.
————
🌠 В Gravity UI уже законтрибьютили 300 человек. Комьюнити растёт, и вместе с ним быстрее появляются фиксы, улучшения и обновления. Спасибо всем, кто помогает — кодом, документацией и идеями.
🔥28❤4
📰 Finally, we have launched a blog, now all our materials are collected in one place on gravity-ui.com!
———
📰 Наконец то мы запустили блог, теперь все наши материалы собраны в одном месте на gravity-ui.com!
———
📰 Наконец то мы запустили блог, теперь все наши материалы собраны в одном месте на gravity-ui.com!
🔥21❤3
🏎 Set up OpenAPI/Swagger auto-generation in ExpressKit applications with the new @gravity‑ui/expresskit‑api library!
———
🏎 Настройте автогенерацию OpenAPI/Swagger в ExpressKit приложениях вместе с новой библиотекой @gravity‑ui/expresskit‑api!
———
🏎 Настройте автогенерацию OpenAPI/Swagger в ExpressKit приложениях вместе с новой библиотекой @gravity‑ui/expresskit‑api!
GitHub
GitHub - gravity-ui/expresskit-api
Contribute to gravity-ui/expresskit-api development by creating an account on GitHub.
🔥9
📈 In a new blog post, we introduced Gravity UI Charts, a flexible React library based on D3 that can be easily integrated into any application thanks to convenient configuration via regular JS objects. To quickly evaluate the library's capabilities, open the playground!
———
📈 В новой статье мы представили Gravity UI Charts — гибкую React-библиотеку на базе D3, которая легко интегрируется в любые приложения благодаря удобной настройке через обычные JS-объекты. Чтобы быстро оценить возможности библиотеки, открывайте playground!
———
📈 В новой статье мы представили Gravity UI Charts — гибкую React-библиотеку на базе D3, которая легко интегрируется в любые приложения благодаря удобной настройке через обычные JS-объекты. Чтобы быстро оценить возможности библиотеки, открывайте playground!
🔥7
This media is not supported in your browser
VIEW IN TELEGRAM
🔍 Great news! Picture search is now available in the Icons section. Find the right icon faster by searching visually and browsing matches with ease. Try it now and speed up your design workflow!
———
🔍 В разделе Icons теперь доступен поиск по картинке. Находите нужные иконки быстрее с помощью визуального поиска и легко просматривайте подходящие варианты. Попробуйте уже сейчас и ускорьте работу над дизайном!
———
🔍 В разделе Icons теперь доступен поиск по картинке. Находите нужные иконки быстрее с помощью визуального поиска и легко просматривайте подходящие варианты. Попробуйте уже сейчас и ускорьте работу над дизайном!
🔥22😁7
We’re excited to welcome and thank the new contributors who recently made their first pull requests to the Gravity UI framework.
A huge thank you to:
- 4y4a
- zelenskyds
- crashzky
- alekzonder
- terriblygood
- SemenovaEkaterina
- separatrixxx
- Pechenux
- ksvfs
Your contributions help make Gravity UI better for everyone. We truly appreciate the time, effort, and care you put into your first pull requests, and we’re happy to have you as part of the community.
Welcome aboard — we’re looking forward to seeing more of your contributions!
———
Мы рады поприветствовать и поблагодарить новых контрибьюторов, которые недавно открыли свои первые пулл-реквесты во фреймворк Gravity UI.
Огромное спасибо:
- 4y4a
- zelenskyds
- crashzky
- alekzonder
- terriblygood
- SemenovaEkaterina
- separatrixxx
- Pechenux
- ksvfs
Ваши доработки помогают делать Gravity UI лучше для всех. Мы очень ценим время, усилия и внимание, которые вы вложили в свои первые пулл-реквесты, и рады видеть вас частью нашего сообщества.
Добро пожаловать — будем рады вашим новым PR!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15❤2
📖 We’ve launched a new way to explore UI component examples on gravity-ui.com. Now you can edit the example code with one click and instantly see the result online, or open the example in StackBlitz.
📖 Мы запустили новый механизм работы с примерами UI-компонентов на gravity-ui.com. Теперь код примера можно отредактировать в один клик и сразу увидеть изменения онлайн, а по отдельной кнопке — открыть пример в StackBlitz.
📖 Мы запустили новый механизм работы с примерами UI-компонентов на gravity-ui.com. Теперь код примера можно отредактировать в один клик и сразу увидеть изменения онлайн, а по отдельной кнопке — открыть пример в StackBlitz.
🔥17👍4🥰2🤔2
👨🎨 We’ve added illustration theming to the Specific Themer section on gravity-ui.com. Now you can create and adjust your custom theme right on the website, then instantly preview how it looks with the gravity-ui/illustrations library.
👨🎨 Мы добавили темизацию иллюстраций в раздел Specific Themer на gravity-ui.com. Теперь можно создать и настроить свою тему прямо на сайте, а затем сразу примерить её к библиотеке gravity-ui/illustrations.
👨🎨 Мы добавили темизацию иллюстраций в раздел Specific Themer на gravity-ui.com. Теперь можно создать и настроить свою тему прямо на сайте, а затем сразу примерить её к библиотеке gravity-ui/illustrations.
🔥8❤2🤯2
⭐️ Gravity UI UIKit has reached 1,000 stars on GitHub! Thank you to our amazing community for your support, feedback, and contributions — let’s keep building and developing the design system together!
⭐️ Gravity UI UIKit набрал 1 000 звёзд на GitHub! Спасибо сообществу за поддержку, обратную связь и вклад — давайте продолжать развивать дизайн-систему вместе!
⭐️ Gravity UI UIKit набрал 1 000 звёзд на GitHub! Спасибо сообществу за поддержку, обратную связь и вклад — давайте продолжать развивать дизайн-систему вместе!
🔥24🫡7❤4👏2
This media is not supported in your browser
VIEW IN TELEGRAM
🤖 Gravity UI now has docs for AI agents
Agents writing Gravity UI code used to guess: wrong packages, invented props. Now there's llms.txt — package docs written for agents — and a skill that points your agent to the right package and the real, current APIs.
Works with Claude Code, Cursor and most other coding agents. One command:
→ gravity-ui.com/llms.txt
→ github.com/gravity-ui/skills
———
🤖 У Gravity UI появились доки для AI-агентов
Агенты часто пишут код на Gravity UI наугад: берут не те пакеты, выдумывают пропсы. Теперь есть llms.txt — доки, написанные специально для агентов, — и скилл, который подсказывает агенту правильные пакеты и актуальные API.
Работает в Claude Code, Cursor и большинстве других агентов. Ставится одной командой:
→ gravity-ui.com/llms.txt
→ github.com/gravity-ui/skills
Agents writing Gravity UI code used to guess: wrong packages, invented props. Now there's llms.txt — package docs written for agents — and a skill that points your agent to the right package and the real, current APIs.
Works with Claude Code, Cursor and most other coding agents. One command:
npx skills add gravity-ui/skills→ gravity-ui.com/llms.txt
→ github.com/gravity-ui/skills
———
🤖 У Gravity UI появились доки для AI-агентов
Агенты часто пишут код на Gravity UI наугад: берут не те пакеты, выдумывают пропсы. Теперь есть llms.txt — доки, написанные специально для агентов, — и скилл, который подсказывает агенту правильные пакеты и актуальные API.
Работает в Claude Code, Cursor и большинстве других агентов. Ставится одной командой:
npx skills add gravity-ui/skills→ gravity-ui.com/llms.txt
→ github.com/gravity-ui/skills
🔥23❤6👍1
🎆 Welcome to our new Gravity UI contributors!
Since our last welcome post, 21 people have opened their first pull requests to Gravity UI. A huge thank you to:
Delexy, Shaidulint, Lugertr, WorkSpaceIlyaPavlenko,
AlexRabtsevich, 12kb, rrabmig, WenChen2005,
Yanseses, Yurok868, rzhabbarov, artemnikotin,
SSDWGG, DR33M, nightcityblade, gingerhead,
skoptenco, stasmarkin, goldserg, Deepsick, Denchick
Your contributions help make Gravity UI better for everyone. Thank you for the time and care you put into your first PRs.
💬 Community, we're dying to know how you use Gravity UI. Tell us in a simple form, just two questions!
———
🎆 Добро пожаловать новым контрибьюторам Gravity UI!
С прошлого поста свои первые пулл-реквесты в Gravity UI открыл 21 человек. Огромное спасибо:
Delexy, Shaidulint, Lugertr, WorkSpaceIlyaPavlenko,
AlexRabtsevich, 12kb, rrabmig, WenChen2005,
Yanseses, Yurok868, rzhabbarov, artemnikotin,
SSDWGG, DR33M, nightcityblade, gingerhead,
skoptenco, stasmarkin, goldserg, Deepsick, Denchick
Ваши доработки делают Gravity UI лучше для всех. Спасибо за время и внимание, вложенные в первые PR.
💬 Друзья, нам безумно интересно, как вы используете Gravity UI — расскажите в простой форме всего из двух вопросов!
Since our last welcome post, 21 people have opened their first pull requests to Gravity UI. A huge thank you to:
Delexy, Shaidulint, Lugertr, WorkSpaceIlyaPavlenko,
AlexRabtsevich, 12kb, rrabmig, WenChen2005,
Yanseses, Yurok868, rzhabbarov, artemnikotin,
SSDWGG, DR33M, nightcityblade, gingerhead,
skoptenco, stasmarkin, goldserg, Deepsick, Denchick
Your contributions help make Gravity UI better for everyone. Thank you for the time and care you put into your first PRs.
💬 Community, we're dying to know how you use Gravity UI. Tell us in a simple form, just two questions!
———
🎆 Добро пожаловать новым контрибьюторам Gravity UI!
С прошлого поста свои первые пулл-реквесты в Gravity UI открыл 21 человек. Огромное спасибо:
Delexy, Shaidulint, Lugertr, WorkSpaceIlyaPavlenko,
AlexRabtsevich, 12kb, rrabmig, WenChen2005,
Yanseses, Yurok868, rzhabbarov, artemnikotin,
SSDWGG, DR33M, nightcityblade, gingerhead,
skoptenco, stasmarkin, goldserg, Deepsick, Denchick
Ваши доработки делают Gravity UI лучше для всех. Спасибо за время и внимание, вложенные в первые PR.
💬 Друзья, нам безумно интересно, как вы используете Gravity UI — расскажите в простой форме всего из двух вопросов!
👍4🔥3❤1
🎨 Theme Gallery is live on gravity-ui.com
Six ready-made themes from designers — Baseline, Coffee, Dust Olive, Orange, Retro Wave Radio and Tea — each with light and dark previews. Apply any of them in one click, fine-tune colors, typography and radii in the theme editor, then export as CSS or JSON. Quick brand-color presets sit right above the preview for instant switching.
Nothing catches your eye? Start from scratch or import your own theme.
→ gravity-ui.com/themes
———
🎨 На gravity-ui.com появилась Галерея тем
Шесть готовых тем от дизайнеров — Baseline, Coffee, Dust Olive, Orange, Retro Wave Radio и Tea — с превью в светлом и тёмном режимах. Любую можно применить в один клик, докрутить цвета, типографику и скругления в редакторе и экспортировать в CSS или JSON. Прямо над превью — быстрые пресеты фирменных цветов для мгновенного переключения.
Ничего не приглянулось? Начните с нуля или импортируйте свою тему.
→ gravity-ui.com/themes
Six ready-made themes from designers — Baseline, Coffee, Dust Olive, Orange, Retro Wave Radio and Tea — each with light and dark previews. Apply any of them in one click, fine-tune colors, typography and radii in the theme editor, then export as CSS or JSON. Quick brand-color presets sit right above the preview for instant switching.
Nothing catches your eye? Start from scratch or import your own theme.
→ gravity-ui.com/themes
———
🎨 На gravity-ui.com появилась Галерея тем
Шесть готовых тем от дизайнеров — Baseline, Coffee, Dust Olive, Orange, Retro Wave Radio и Tea — с превью в светлом и тёмном режимах. Любую можно применить в один клик, докрутить цвета, типографику и скругления в редакторе и экспортировать в CSS или JSON. Прямо над превью — быстрые пресеты фирменных цветов для мгновенного переключения.
Ничего не приглянулось? Начните с нуля или импортируйте свою тему.
→ gravity-ui.com/themes
🔥10❤3