Colour Contrast Checker: перевірка контрасту кольорів
Безкоштовний інструмент для перевірки контрасту тексту й фону з оцінками WCAG AA та AAA, налаштуваннями HEX, RGB і HSL та прикладами типографіки.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Усі ресурси 40
FeralUI Gradient Builder — генератор градієнтів
Безкоштовний редактор градієнтів із палітрами традиційних японських кольорів, налаштуванням форми й зернистості та експортом зображень, відео й коду.
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
Sliick – безкоштовні 3D-мокапи пристроїв
Браузерний редактор для презентації скриншотів і відео в 3D-мокапах смартфонів та планшетів із готовими сценами й локальним експортом.
Loguitoc – анімація SVG-логотипів і типографіки
Безкоштовний браузерний інструмент, який анімує побудову SVG і тексту з контурами, точками Безьє та напрямними й експортує результат у MP4 до 4K, SVG або PNG.
UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
Open Peeps — безкоштовна бібліотека hand-drawn персонажів
Open-source бібліотека мальованих персонажів від Pablo Stanley з сотнями тисяч комбінацій поз, емоцій, зачісок і одягу для сайтів, застосунків, презентацій та брендингу.
Tubik Blog — статті, кейси та практичні матеріали про дизайн
Великий дизайн-блог української студії Tubik зі статтями про UI/UX, брендинг, вебдизайн, ілюстрацію, motion, дизайн-процеси та реальні кейси.
Gradihunt — генератор мільйонів автоматично створених градієнтів
Безкоштовний генератор CSS-градієнтів із мільйонами автоматично створених варіантів, фільтрами та швидким копіюванням готового коду.
Heroicons — 316 безкоштовних SVG-іконок від творців Tailwind CSS
Безкоштовна бібліотека з 316 акуратно намальованих SVG-іконок для UI, сайтів і застосунків із Figma-файлом та офіційними бібліотеками для React і Vue.
Gradient Hunt — тисячі безкоштовних градієнтів для дизайнерів
Кураторська колекція тисяч трендових градієнтів із CSS-кодом, розділами Linear, Radial, Popular і Random та можливістю створювати й зберігати власні варіанти.
Microcopy — бібліотека готових UX-текстів для сайтів та інтерфейсів
500+ прикладів коротких текстів для кнопок, заголовків, помилок, форм, акаунтів, сповіщень, CTA та інших елементів інтерфейсу.
Iconoir — 1 600+ безкоштовних open-source іконок
Велика безкоштовна бібліотека SVG-іконок на сітці 24×24 з підтримкою Figma, Framer, React, React Native, Vue, Flutter і CSS.
Goodbye John Doe — генератор вигаданих імен для макетів і прототипів
Безкоштовний генератор незвичайних вигаданих імен для UI-макетів, прототипів, таблиць, профілів, форм та інших цифрових проєктів.
Colorsinspo — палітри, градієнти та інструменти для роботи з кольором
Безкоштовна платформа з тисячами кольорових палітр, генераторами, градієнтами, перевіркою контрасту, навчальними матеріалами та іншими інструментами для дизайнерів.
Google Design — статті, кейси й ресурси про дизайн продуктів Google
Редакційна платформа Google про UX, Material Design, типографіку, AI, дизайн-системи, доступність і процес створення цифрових продуктів.
Dark.design — добірка найкращих сайтів у темному стилі
Кураторська галерея темних вебсайтів із реальними прикладами від студій, сервісів, AI-продуктів, hardware-брендів, персональних сайтів і Web3-проєктів.
Archives.design — цифровий архів історичного графічного дизайну
Кураторська колекція історичних книг, бренд-гайдів, постерів, типографічних зразків, журналів і дизайн-документів, знайдених в Internet Archive.
Durves — генератор точкових патернів для дизайнерів
Безкоштовний онлайн-інструмент для створення хвилястих точкових патернів із налаштуванням матриці, розміру, амплітуди, хвиль, частоти й кольору та експортом у SVG або PNG.
fffuel — безкоштовні SVG-генератори та дизайн-інструменти
Колекція з 60+ безкоштовних інструментів для створення SVG-фонів, градієнтів, патернів, текстур, форм і кольорових палітр прямо у браузері.
Worldvectorlogo — 100 000+ логотипів брендів у SVG
Велика безкоштовна бібліотека векторних логотипів світових брендів у форматі SVG без обов’язкової реєстрації.
Color Hunt — добірка красивих кольорових палітр для дизайнерів
Безкоштовна кураторська колекція кольорових палітр із пошуком за відтінками, стилями, сезонами й настроєм.
Design Spells — магічні деталі інтерфейсів і мікроанімацій
Кураторська галерея з 300+ прикладами цікавих UI-рішень, мікроанімацій, переходів, Easter eggs і деталей взаємодії з реальних продуктів.
Cool Shapes — 100+ абстрактних фігур із grainy-градієнтами для Figma
Безкоштовна open-source колекція з понад 100 абстрактними SVG-фігурами з grainy-градієнтами для Figma, UI, ілюстрацій і вебпроєктів.