Movin Easings – редактор кривих анімації
Добірка easing-функцій із редактором cubic-bezier, переглядом руху та прикладами коду для вебанімації.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Інструменти 9
Wick Editor — анімації та інтерактивні сцени
Безкоштовний редактор 2D-анімацій та простих ігор із малюванням, часовою шкалою, сценаріями й експортом у браузері.
SVGOMG: оптимізація SVG-файлів
Безкоштовний браузерний інтерфейс для SVGO: очищення SVG-коду, зменшення файлів, точні налаштування та порівняння результату.
Glass3D — генератор скляних CSS-ефектів
Налаштовуйте розмиття, колір і текстуру скляних елементів інтерфейсу та копіюйте готовий CSS.
Sticky — інтерактивна 3D-сцена з наліпками
Браузерний експеримент із 3D-формами, матеріалами, освітленням і наліпками, які можна розміщувати на поверхні об’єкта.
Ransom note — написи з журнальних вирізок
Інтерактивний інструмент Anish Gupta, що складає текст зі справжніх фотографій вирізаних літер і дозволяє налаштовувати їхній нахил, розмір та інтервали.
Paperlab: інтерактивний 3D-папір для вебу
Безкоштовний браузерний редактор і React-бібліотека для паперових 3D-ефектів: згинів, розгортання, відклеювання, рухомих галерей і сцен.
UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
Microcopy — бібліотека готових UX-текстів для сайтів та інтерфейсів
500+ прикладів коротких текстів для кнопок, заголовків, помилок, форм, акаунтів, сповіщень, CTA та інших елементів інтерфейсу.