BenDay
Анімований індикатор завантаження з вашого логотипа: 21 ефект із крапок, Playground і React-компонент із відкритим кодом.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
UI/UX 27
Morphicons
Безкоштовна бібліотека для плавного перетворення SVG-іконок одна в одну. Підтримує різні набори іконок та популярні вебфреймворки.
PixelCrew
ШІ-агенти, які перетворюють письмовий бриф на макети, дизайн-систему та HTML-сторінки з Tailwind CSS.
Stitch
Інструмент Google Labs для створення інтерфейсів сайтів і застосунків за текстовим описом або зображенням, з експортом у Figma та HTML/CSS.
Superdesign: ШІ для дизайну інтерфейсів
ШІ-інструмент для створення й порівняння UI-макетів на нескінченному полотні, з відкритою бібліотекою дизайн-промптів і обмеженим безкоштовним тарифом.
UI Faces: аватари для UI-макетів
Добірка створених за допомогою ШІ аватарів для макетів і прототипів: безкоштовні окремі завантаження та платні колекції.
Can't Unsee — гра на уважність до деталей інтерфейсу
Порівнюйте схожі інтерфейси, знаходьте вдаліший варіант і тренуйте увагу до відступів, типографіки, вирівнювання та іконок.
Neumorphism.io: генератор CSS-тіней для Soft UI
Безкоштовний генератор неоморфних поверхонь із налаштуванням кольору, форми, тіней та копіюванням CSS.
TextLab: мокапи повідомлень та інтерфейсів
Браузерний генератор мокапів чатів, коментарів і UI-елементів із прозорими PNG та платними розширеними експортами.
Symbl — тестування логотипів у різних умовах
Перевіряйте масштабування, розмиття, контрастні варіанти та застосування логотипа на іконках, візитках і мокапах.
Colour Contrast Checker: перевірка контрасту кольорів
Безкоштовний інструмент для перевірки контрасту тексту й фону з оцінками WCAG AA та AAA, налаштуваннями HEX, RGB і HSL та прикладами типографіки.
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
Sliick – безкоштовні 3D-мокапи пристроїв
Браузерний редактор для презентації скриншотів і відео в 3D-мокапах смартфонів та планшетів із готовими сценами й локальним експортом.
UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
Tubik Blog — статті, кейси та практичні матеріали про дизайн
Великий дизайн-блог української студії Tubik зі статтями про UI/UX, брендинг, вебдизайн, ілюстрацію, motion, дизайн-процеси та реальні кейси.
60fps — бібліотека UI/UX-анімацій і мікровзаємодій із реальних застосунків
Кураторська бібліотека з 2100+ реальних UI/UX-анімацій і interaction patterns із iOS та web apps із фільтрами за жестами, ефектами, елементами й сценаріями.
Bento Grids — галерея bento-дизайну та UI-натхнення
Добірка bento grid дизайнів, UI-карток, сайтів і візуальних рішень для натхнення дизайнерів.
Laws of UX
Ілюстрований довідник із психології та принципів UX: практичні висновки, додаткові джерела й безкоштовні навчальні постери.
Lovable
Створюйте й доопрацьовуйте сайти та вебзастосунки через діалог, з інструментами публікації та обмеженим безкоштовним запасом кредитів.
Milanote
Візуальні дошки для мудбордів, брифів і творчих проєктів. Безкоштовно: 100 нотаток, зображень або посилань та 10 завантажень файлів.
Figma
Спільне проєктування інтерфейсів, компоненти й інтерактивні прототипи. Є безкоштовний Starter із обмеженнями.
Miro
Спільна візуальна дошка для ідей, схем і воркшопів. Безкоштовний план має три редаговані дошки та командний доступ.
Penpot
Відкрита платформа для інтерфейсів, прототипів і дизайн-систем. Є безкоштовний хмарний план та самостійне розгортання.
Webflow
Візуальна платформа для створення адаптивних сайтів. Безкоштовний Starter підходить для навчання й невеликих тестових сторінок.