Movin Easings – редактор кривих анімації
Добірка easing-функцій із редактором cubic-bezier, переглядом руху та прикладами коду для вебанімації.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Усі ресурси 29
Superdesign: ШІ для дизайну інтерфейсів
ШІ-інструмент для створення й порівняння UI-макетів на нескінченному полотні, з відкритою бібліотекою дизайн-промптів і обмеженим безкоштовним тарифом.
UI Faces: аватари для UI-макетів
Добірка створених за допомогою ШІ аватарів для макетів і прототипів: безкоштовні окремі завантаження та платні колекції.
Open Foundry: добірка відкритих шрифтів
Безкоштовна добірка шрифтів із візуальними зразками, інформацією про авторів, ліцензіями та посиланнями на оригінальні проєкти.
Wick Editor — анімації та інтерактивні сцени
Безкоштовний редактор 2D-анімацій та простих ігор із малюванням, часовою шкалою, сценаріями й експортом у браузері.
SVGOMG: оптимізація SVG-файлів
Безкоштовний браузерний інтерфейс для SVGO: очищення SVG-коду, зменшення файлів, точні налаштування та порівняння результату.
The Boolean Game — гра з векторними фігурами
Безкоштовна браузерна гра для практики булевих операцій: поєднуйте базові фігури та відтворюйте задані силуети в завданнях різної складності.
Can't Unsee — гра на уважність до деталей інтерфейсу
Порівнюйте схожі інтерфейси, знаходьте вдаліший варіант і тренуйте увагу до відступів, типографіки, вирівнювання та іконок.
Flexbox Froggy: гра для вивчення CSS Flexbox
Безкоштовна браузерна гра з 24 завданнями: пишіть CSS, розміщуйте жаб на листках латаття та вивчайте вирівнювання, порядок і перенесення flex-елементів.
Site of Sites: кураторська галерея вебдизайну
Безкоштовна галерея сайтів із фільтрами за індустрією, типом, стилем і платформою, тематичними добірками та посиланнями на живі проєкти.
Awwwards Portfolio: приклади сайтів-портфоліо
Велика добірка сайтів-портфоліо на Awwwards для дослідження композиції, взаємодії та презентації творчих робіт.
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 для створення анімованих мокапів пристроїв із власними екранами, експорту відео та інтерактивного вбудовування на сайт.
Tubik Blog — статті, кейси та практичні матеріали про дизайн
Великий дизайн-блог української студії Tubik зі статтями про UI/UX, брендинг, вебдизайн, ілюстрацію, motion, дизайн-процеси та реальні кейси.
60fps — бібліотека UI/UX-анімацій і мікровзаємодій із реальних застосунків
Кураторська бібліотека з 2100+ реальних UI/UX-анімацій і interaction patterns із iOS та web apps із фільтрами за жестами, ефектами, елементами й сценаріями.
SVGator — онлайн-редактор SVG-анімації без коду
Браузерний інструмент для створення SVG- і Lottie-анімацій із таймлайном, keyframes, morphing, motion paths, інтерактивними тригерами та експортом для вебу й застосунків.
Magic Animator — AI-анімація дизайнів у Figma
AI-інструмент від Lottielab для анімації Figma-дизайнів за промптом або в один клік із редагованими keyframes та експортом у Lottie, GIF і MP4.
Microcopy — бібліотека готових UX-текстів для сайтів та інтерфейсів
500+ прикладів коротких текстів для кнопок, заголовків, помилок, форм, акаунтів, сповіщень, CTA та інших елементів інтерфейсу.
Google Design — статті, кейси й ресурси про дизайн продуктів Google
Редакційна платформа Google про UX, Material Design, типографіку, AI, дизайн-системи, доступність і процес створення цифрових продуктів.