Movin Easings – редактор кривих анімації
Добірка easing-функцій із редактором cubic-bezier, переглядом руху та прикладами коду для вебанімації.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Інструменти 14
Superdesign: ШІ для дизайну інтерфейсів
ШІ-інструмент для створення й порівняння UI-макетів на нескінченному полотні, з відкритою бібліотекою дизайн-промптів і обмеженим безкоштовним тарифом.
Wick Editor — анімації та інтерактивні сцени
Безкоштовний редактор 2D-анімацій та простих ігор із малюванням, часовою шкалою, сценаріями й експортом у браузері.
SVGOMG: оптимізація SVG-файлів
Безкоштовний браузерний інтерфейс для SVGO: очищення SVG-коду, зменшення файлів, точні налаштування та порівняння результату.
Glass3D — генератор скляних CSS-ефектів
Налаштовуйте розмиття, колір і текстуру скляних елементів інтерфейсу та копіюйте готовий CSS.
TextLab: мокапи повідомлень та інтерфейсів
Браузерний генератор мокапів чатів, коментарів і UI-елементів із прозорими PNG та платними розширеними експортами.
Sticky — інтерактивна 3D-сцена з наліпками
Браузерний експеримент із 3D-формами, матеріалами, освітленням і наліпками, які можна розміщувати на поверхні об’єкта.
Ransom note — написи з журнальних вирізок
Інтерактивний інструмент Anish Gupta, що складає текст зі справжніх фотографій вирізаних літер і дозволяє налаштовувати їхній нахил, розмір та інтервали.
Paperlab: інтерактивний 3D-папір для вебу
Безкоштовний браузерний редактор і React-бібліотека для паперових 3D-ефектів: згинів, розгортання, відклеювання, рухомих галерей і сцен.
UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
mckp.live – анімовані 3D-мокапи
Браузерний інструмент від ls.graphics для створення анімованих мокапів пристроїв із власними екранами, експорту відео та інтерактивного вбудовування на сайт.
SVGator — онлайн-редактор SVG-анімації без коду
Браузерний інструмент для створення SVG- і Lottie-анімацій із таймлайном, keyframes, morphing, motion paths, інтерактивними тригерами та експортом для вебу й застосунків.
Magic Animator — AI-анімація дизайнів у Figma
AI-інструмент від Lottielab для анімації Figma-дизайнів за промптом або в один клік із редагованими keyframes та експортом у Lottie, GIF і MP4.
Microcopy — бібліотека готових UX-текстів для сайтів та інтерфейсів
500+ прикладів коротких текстів для кнопок, заголовків, помилок, форм, акаунтів, сповіщень, CTA та інших елементів інтерфейсу.