Colour Contrast Checker: перевірка контрасту кольорів
Безкоштовний інструмент для перевірки контрасту тексту й фону з оцінками WCAG AA та AAA, налаштуваннями HEX, RGB і HSL та прикладами типографіки.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Інструменти 20
FeralUI Gradient Builder — генератор градієнтів
Безкоштовний редактор градієнтів із палітрами традиційних японських кольорів, налаштуванням форми й зернистості та експортом зображень, відео й коду.
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
Sliick – безкоштовні 3D-мокапи пристроїв
Браузерний редактор для презентації скриншотів і відео в 3D-мокапах смартфонів та планшетів із готовими сценами й локальним експортом.
Loguitoc – анімація SVG-логотипів і типографіки
Безкоштовний браузерний інструмент, який анімує побудову SVG і тексту з контурами, точками Безьє та напрямними й експортує результат у MP4 до 4K, SVG або PNG.
UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
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 — палітри, градієнти та інструменти для роботи з кольором
Безкоштовна платформа з тисячами кольорових палітр, генераторами, градієнтами, перевіркою контрасту, навчальними матеріалами та іншими інструментами для дизайнерів.
Durves — генератор точкових патернів для дизайнерів
Безкоштовний онлайн-інструмент для створення хвилястих точкових патернів із налаштуванням матриці, розміру, амплітуди, хвиль, частоти й кольору та експортом у SVG або PNG.
fffuel — безкоштовні SVG-генератори та дизайн-інструменти
Колекція з 60+ безкоштовних інструментів для створення SVG-фонів, градієнтів, патернів, текстур, форм і кольорових палітр прямо у браузері.
Worldvectorlogo — 100 000+ логотипів брендів у SVG
Велика безкоштовна бібліотека векторних логотипів світових брендів у форматі SVG без обов’язкової реєстрації.
Fontshare — 100 безкоштовних шрифтових сімейств для дизайну
Добірка зі 100 якісних безкоштовних шрифтових сімейств для брендингу, сайтів, UI, постерів і комерційних дизайн-проєктів.
Google Fonts — безкоштовні шрифти для сайтів, дизайну та брендингу
Велика бібліотека безкоштовних open-source шрифтів для вебсайтів, брендингу, UI, презентацій і комерційних дизайн-проєктів.
Logoipsum — безкоштовні логотипи-заглушки для макетів і UI
Колекція з понад 200 безкоштовних SVG- і PNG-логотипів для мокапів, прототипів, UI-дизайну, презентацій і тестових проєктів.
Animos — motion-шаблони для анімованої презентації дизайну
Браузерний інструмент для перетворення статичних дизайнів, UI-макетів і відео в плавні looping-анімації з експортом MP4 та WebM.