Open-source инструменты состояния и анимации для React и React Native. Три узких пакета, которые работают с первого импорта и растут ровно настолько, насколько вам нужно.
Компоненты читают одно и то же значение без Provider, action и reducer. Они перерисовываются, только когда меняется их выборка, а сохранение и восстановление происходят ровно тогда, когда вы скажете.
Используйте в React DOM знакомые по React Native Animated timing, spring и interpolate. Одно значение управляет стилем множества элементов без рендера React на каждый кадр.
Ползунок меняет одно-единственное Value. Позиция, поворот, размер и углы всех двенадцати фигур выводятся из него. Запустите пружину, а затем перехватите ползунок на полпути.
Прокручивающиеся числа, перемещающаяся подсветка, списки, которые двигают только изменившееся, шторки и действия по свайпу. Передайте свои данные — без provider и вызовов настройки — в React и React Native.
Выберите период: MotionHighlight перемещается к нему, MotionNumber прокручивается, ProgressRing заполняется, а MotionList двигает только изменившиеся строки.
СегодняЭта неделяЭтот месяц
Посещения
1,284
Главная
Цены
Docs
Блог
Пример данных
02 · Ансамбль
Один удар.Всё в движении.
Эта сцена сделана на Animated. Одно Value с прогрессом прокрутки одновременно управляет позицией, поворотом, масштабом и прозрачностью 48 фигур.
01
Звон
Рассыпанные точки собираются в кольца гонга.
02
Разделение
Кольцо делится на три и принимает цвет каждого инструмента.
03
Форма
Они становятся связями состояния, траекторией движения и колоннами хора.
04
Ритм
Всё выстраивается и попадает в одну долю.
progress
03 · Принципы
Маленькийот начала до конца.
Начните с одного импорта
Никаких оборачивающих provider и глобальной настройки заранее. Добавляйте возможности, только когда их попросит ваше приложение.
Только то, что нужно
Обновляются только компоненты с изменившейся выборкой, элементы, использующие значение, и строки, которые переместились.
Ответственность до конца
Прерванное движение продолжается с того, что на экране, а подписки и анимации освобождаются, когда исчезает их владелец.
Типизировано и задокументировано
Каждый пакет поставляется с объявлениями TypeScript, а документация доступна на 39 языках.
04 · Имя
Kkwaenggwari —гонг, который ведёт ансамбль.
Произносится «кквэн-гва-ри». В корейском пхунмуле ведущий кквэнгвари (꽹과리) задаёт ритм всему ансамблю. Наши инструменты стремятся к тому же: маленькие, но чёткие, чтобы всё ваше приложение звучало в одном ритме.
kkwaenggwariKkwaenggwari назван в честь кквэнгвари (꽹과리) — маленького корейского гонга, по которому бьют колотушкой. Его яркий, чистый звон подсказал имя этим небольшим open-source инструментам.
