220 × 258 pt на экране 390 pt. Демо запускается вживую, в одно нажатие.
Breathing Ring
A breathing ring whose expansion and whose label are driven by the same phase index, so it cannot expand while the word on screen says breathe out, with the pattern itself passed in as plain data.
Вставьте в Claude Code, Cursor или Windsurf. Он соберёт этот компонент 1:1 в вашем приложении.
Что несёт промптВсё встроено, ничего не подгружается
- 2 файлов
- написан полностью, готов к вставке
- 321 строка
- Inter
- Regular, Medium, Semi Bold, Extra Bold
- через @expo-google-fonts
- Правила интеграции
- поставляется 1:1 и не подстраивается под вашу тему
- SDK 52+
Правило, которому следует этот дизайн
Он поставляется точно как в превью: те же цвета, тот же шрифт, тот же текст, та же анимация. Промпт указывает вашему агенту собрать именно так, не подстраивая под вашу текущую тему.
