Colour Contrast Checker: перевірка контрасту кольорів
Безкоштовний інструмент для перевірки контрасту тексту й фону з оцінками WCAG AA та AAA, налаштуваннями HEX, RGB і HSL та прикладами типографіки.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Усі ресурси 59
FeralUI Gradient Builder — генератор градієнтів
Безкоштовний редактор градієнтів із палітрами традиційних японських кольорів, налаштуванням форми й зернистості та експортом зображень, відео й коду.
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
HalftonePro — генератор півтонових патернів
Браузерний інструмент для створення півтонових патернів і текстур із налаштуванням сітки, форм та кольорів. Безкоштовний PNG; SVG доступний у платній версії.
Swayro – анімація зображень у браузері
Редактор для перетворення фотографій і скриншотів на анімовані ролики за готовими шаблонами, з налаштуванням руху та локальним експортом.
Sliick – безкоштовні 3D-мокапи пристроїв
Браузерний редактор для презентації скриншотів і відео в 3D-мокапах смартфонів та планшетів із готовими сценами й локальним експортом.
Loguitoc – анімація SVG-логотипів і типографіки
Безкоштовний браузерний інструмент, який анімує побудову SVG і тексту з контурами, точками Безьє та напрямними й експортує результат у MP4 до 4K, SVG або PNG.
UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
mckp.live – анімовані 3D-мокапи
Браузерний інструмент від ls.graphics для створення анімованих мокапів пристроїв із власними екранами, експорту відео та інтерактивного вбудовування на сайт.
Open Peeps — безкоштовна бібліотека hand-drawn персонажів
Open-source бібліотека мальованих персонажів від Pablo Stanley з сотнями тисяч комбінацій поз, емоцій, зачісок і одягу для сайтів, застосунків, презентацій та брендингу.
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.
Rebrand Gallery — добірка найкращих ребрендингів та айдентик
Кураторська бібліотека ребрендингів, дизайн-систем, бренд-бенто, reveal-відео та тисяч візуальних референсів для бренд-дизайнерів.
Gradihunt — генератор мільйонів автоматично створених градієнтів
Безкоштовний генератор CSS-градієнтів із мільйонами автоматично створених варіантів, фільтрами та швидким копіюванням готового коду.
Heroicons — 316 безкоштовних SVG-іконок від творців Tailwind CSS
Безкоштовна бібліотека з 316 акуратно намальованих SVG-іконок для UI, сайтів і застосунків із Figma-файлом та офіційними бібліотеками для React і Vue.
Gradient Hunt — тисячі безкоштовних градієнтів для дизайнерів
Кураторська колекція тисяч трендових градієнтів із CSS-кодом, розділами Linear, Radial, Popular і Random та можливістю створювати й зберігати власні варіанти.
Microcopy — бібліотека готових UX-текстів для сайтів та інтерфейсів
500+ прикладів коротких текстів для кнопок, заголовків, помилок, форм, акаунтів, сповіщень, CTA та інших елементів інтерфейсу.
Lummi — безкоштовні AI-зображення, ілюстрації та 3D для дизайну
Кураторська бібліотека безкоштовних AI-зображень, ілюстрацій і 3D-візуалів із пошуком, фільтрами та вбудованими інструментами для редагування.
Iconoir — 1 600+ безкоштовних open-source іконок
Велика безкоштовна бібліотека SVG-іконок на сітці 24×24 з підтримкою Figma, Framer, React, React Native, Vue, Flutter і CSS.
Goodbye John Doe — генератор вигаданих імен для макетів і прототипів
Безкоштовний генератор незвичайних вигаданих імен для UI-макетів, прототипів, таблиць, профілів, форм та інших цифрових проєктів.
Boxicons — 50 000+ іконок для вебу, Figma та розробки
Велика бібліотека іконок для дизайнерів і розробників із 3 стилями, 3 товщинами, 40+ категоріями, Figma/Framer-плагінами та пакетами для React, Vue, Svelte і JavaScript.
Colorsinspo — палітри, градієнти та інструменти для роботи з кольором
Безкоштовна платформа з тисячами кольорових палітр, генераторами, градієнтами, перевіркою контрасту, навчальними матеріалами та іншими інструментами для дизайнерів.