Movin Easings – редактор кривих анімації
Добірка easing-функцій із редактором cubic-bezier, переглядом руху та прикладами коду для вебанімації.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Усі ресурси 22
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.
Sticky — інтерактивна 3D-сцена з наліпками
Браузерний експеримент із 3D-формами, матеріалами, освітленням і наліпками, які можна розміщувати на поверхні об’єкта.
Ransom note — написи з журнальних вирізок
Інтерактивний інструмент Anish Gupta, що складає текст зі справжніх фотографій вирізаних літер і дозволяє налаштовувати їхній нахил, розмір та інтервали.
Paperlab: інтерактивний 3D-папір для вебу
Безкоштовний браузерний редактор і React-бібліотека для паперових 3D-ефектів: згинів, розгортання, відклеювання, рухомих галерей і сцен.
UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
Tubik Blog — статті, кейси та практичні матеріали про дизайн
Великий дизайн-блог української студії Tubik зі статтями про UI/UX, брендинг, вебдизайн, ілюстрацію, motion, дизайн-процеси та реальні кейси.
Microcopy — бібліотека готових UX-текстів для сайтів та інтерфейсів
500+ прикладів коротких текстів для кнопок, заголовків, помилок, форм, акаунтів, сповіщень, CTA та інших елементів інтерфейсу.
Google Design — статті, кейси й ресурси про дизайн продуктів Google
Редакційна платформа Google про UX, Material Design, типографіку, AI, дизайн-системи, доступність і процес створення цифрових продуктів.
Archives.design — цифровий архів історичного графічного дизайну
Кураторська колекція історичних книг, бренд-гайдів, постерів, типографічних зразків, журналів і дизайн-документів, знайдених в Internet Archive.
Design Spells — магічні деталі інтерфейсів і мікроанімацій
Кураторська галерея з 300+ прикладами цікавих UI-рішень, мікроанімацій, переходів, Easter eggs і деталей взаємодії з реальних продуктів.
Best Website Gallery — добірка найкращих сайтів для натхнення
Кураторська галерея з понад 2600 сайтами для пошуку ідей у вебдизайні, UI/UX, типографіці, анімації та цифрових інтерфейсах.
Griddy Icons — безкоштовні SVG-іконки для UI та React
Open-source бібліотека з понад 1 100 мінімалістичних SVG-іконок для інтерфейсів, сайтів, застосунків і React-проєктів.
Bento Grids — галерея bento-дизайну та UI-натхнення
Добірка bento grid дизайнів, UI-карток, сайтів і візуальних рішень для натхнення дизайнерів.