У цій статті ми зібрали 30 надзвичайно корисних онлайн-бібліотек, де зібрані готові дизайн-рішення та вебсторінки: онбординг, сторінки завантаження, верифікація профілю та облікового запису, головна сторінка, помилка 404, пошук/фільтри, запрошення та публікація, оформлення замовлення, гейміфікації, що використовувалися у реальних додатках та дизайн-концепціях. На цих вебресурсах ви швидко знайдете потрібні інтерфейси, спираючись на перевірені продукти, замість того, щоб гортати сотні нереалістичних прикладів.
Screenlane
Надихайтеся та стежте за останніми трендами у дизайні сайтів та мобільних додатків.
![](https://www.komarov.design/content/images/2024/03/image-1.png)
Pageflows
Дізнавайтеся як провідні бренди проєктують онбординг, перехід на дорожчий /дешевший тариф та інші ключові користувальницькі сценарії. Платна передплата.
![](https://www.komarov.design/content/images/2024/03/image-2.png)
Mobbin
Mobbin — ретельно підібрана колекція новітніх UI-паттернів з мобільних додатків, які є прикладами кращих дизайнерських рішень. На цей час платформа містить понад 150 додатків і 8 000 шаблонів.
![](https://www.komarov.design/content/images/2024/03/image-3.png)
UX Archive
UX Archive — провідний ресурс для відстеження трендів мобільного UX з прикладами рішень з найкращих програм світу.
![](https://www.komarov.design/content/images/2024/03/image-4.png)
UI Sources
UI Sources — ресурс з прикладами найкращих у світі додатків. Сайт містить понад 800 відсортованих за патернами відеороликів з взаємодіями та понад 2400 скриншотів, відсортованих за сценаріями. Можна користуватися безкоштовно, але щоб отримати додаткові функції та фільтрацію доведеться оформити передплату.
![](https://www.komarov.design/content/images/2024/03/image-5.png)
Scrnshts
Scrnshts — зібрана вручну колекція найкращих скриншотів додатків з App Store.
![](https://www.komarov.design/content/images/2024/03/image-6.png)
UI Patterns
UI-патерни — приклади розв’язання поширених дизайн-проблем, на які орієнтуються навіть досвідчені дизайнери.
![](https://www.komarov.design/content/images/2024/03/image-7.png)
UI Garage
Надихаючі приклади інтерфейси для мобільних пристроїв, планшетів та комп'ютерів. Більше ніж 6358 ретельно відібраних, розбитих на категорії патернів.
![](https://www.komarov.design/content/images/2024/03/image-8.png)
Patttterns
Безкоштовний каталог патернів взаємодії, які можуть стати в пригоді для підготовки документації, вивчення та практики. Ці шаблони часто використовують професіонали під час створення програмного забезпечення.
![](https://www.komarov.design/content/images/2024/03/image-9.png)
Landbook
Landbook — галерея надихаючих прикладів дизайну вебсайтів для творчих фахівців. Оновлюється щодня.
![](https://www.komarov.design/content/images/2024/03/image-10.png)
Lookup Design
Ретельно відібрані приклади дизайну інтерфейсу та користувацького досвіду (UI/UX), де користувачі можуть шукати натхнення для свого наступного вебсайту або програми.
![](https://www.komarov.design/content/images/2024/03/image-11.png)
Site inspire
Добірка кращих прикладів дизайну, яка включає понад 7000 вебсайтів, акаунтів цифрових агенцій, дизайнерів й розробників, які їх створили.
![](https://www.komarov.design/content/images/2024/03/image-12.png)
SaaS Landing Page
На цьому сайті зібрано найкращі приклади лендінгів, створених провідними SaaS-компаніями.
![](https://www.komarov.design/content/images/2024/03/image-13.png)
Landingfolio
Landingfolio — галерея, в якій представлені найкращі дизайни лендингів. Понад 445 прикладів у 54 різних категоріях!
![](https://www.komarov.design/content/images/2024/03/image-14.png)
Lapa.ninja
Ресурс Lapa Ninja був створений, щоб допомагати дизайнерам знаходити натхнення, вчитися та вдосконалювати свої дизайнерські навички. Тут зібрані найкращі приклади, які можна знайти у мережі.
![](https://www.komarov.design/content/images/2024/03/image-15.png)
Minimal Gallery
Заради любові до красивих, акуратних, функціональних вебсайтів.
![](https://www.komarov.design/content/images/2024/03/image-16.png)
UI Jar
Добірка дизайнерських ідей для ваших проєктів.
![](https://www.komarov.design/content/images/2024/03/image-17.png)
Godly.Website
Астрономічно чудові приклади для дизайнерів з усього Інтернету.
![](https://miro.medium.com/v2/resize:fit:1400/1*ysD8ewOtT1wEZqxiBIdQxA.png)
Awwwards
Awwwards – це премія, яку отримують найкращі розробники, дизайнери та вебагенції з усього світу на знак визнання таланту та прикладених зусиль.
![](https://miro.medium.com/v2/resize:fit:1400/1*vB3MamowLpJ3ylRCclzEfA.png)
CSS winner
CSS Winner – це галерея сайтів-переможців конкурсу, де дизайнери та розробники можуть продемонструвати свої найкращі роботи.
![](https://miro.medium.com/v2/resize:fit:1400/1*slp9Yipqqk6pbjjmL92csw.png)
CSS Design Awards
Надихайтеся та надихайте. Надсилайте свій сайт та отримайте шанс виграти нагороду "Сайт дня".
![](https://miro.medium.com/v2/resize:fit:1400/1*ZXqiPaGX7CzUXPD4pet2zw.png)
Design Inspiration
Система пошуку зображень, предметів мистецтва, дизайн-рішень, логотипів та фотографій для створення мудбордів, у тому числі за кольорами.
![](https://miro.medium.com/v2/resize:fit:1400/1*vEiS9xIe120R-ZvPJqlHmw.png)
Brutalist websites
По-справжньому мистецьке натхнення. Приклади сайтів у стилі бруталізм.
![](https://miro.medium.com/v2/resize:fit:1400/1*EOujF-X8Pg57xVgsS0lrSg.png)
Admire the web
Щоденні дизайн-ідеї з усього світу. Ресурс спеціалізується на мінімалістичних, делікатних, чуйних сайтах.
![](https://miro.medium.com/v2/resize:fit:1400/1*MZ9X8aNamtWlUFZ9y09ntQ.png)
abduzeedo
abdz. — це група авторів, які діляться корисними дописами про дизайн, гарними фотографіями, UX, а також туторіалами для Photoshop та інших дизайн-інструментів.
![](https://miro.medium.com/v2/resize:fit:1400/1*U4G_hBzMliedrxQibHWbfQ.png)
Top CSS Gallery
Top CSS Gallery — унікальна платформа для демонстрації вебсайтів, що надихають. Вона просуває роботи найкращих дизайнерів, розробників, фрилансерів та маркетингових агенцій.
![](https://miro.medium.com/v2/resize:fit:1400/1*Eb5pfnjcq09wQG2s5y9cFg.png)
Betalist
BetaList - це спільнота творців і першопрохідців, які демонструють свої стартапи й діляться досвідом.
![](https://miro.medium.com/v2/resize:fit:1400/1*W8JMyWSNPRvkbi78c-KXkQ.png)
Httpster
Httpster — курована колекція стильних дизайнів, що слідують принципу "менше — це краще". Ресурс створений, щоб надихати та демонструвати видатні вебсайти, створені талановитими людьми з усього світу.
![](https://miro.medium.com/v2/resize:fit:1400/1*E-PYtILDu_MTWIaehSRzxQ.png)
Commerce Cream
Збирають і показують найкрасивіші комерційні проєкти на Shopify, щоб надихати дизайнерів, розробників та бренди на створення дивовижних інтерфейсів.
![](https://miro.medium.com/v2/resize:fit:1400/1*EQsj0TNKYsYP-yYXLLwISw.png)
Nicely done
Nicely done — бібліотека прикладів UX/UI-дизайну вебдодатків. У колекцій представлено багато продуктів, створених провідними компаніями з усього світу.
![](https://miro.medium.com/v2/resize:fit:1400/1*KhoreXaZRNP5MAhbX7Ggfg.png)
Siiimple
Siiimple — це мінімалістична, зібрана вручну колекція найкрасивіших сайтів в Інтернеті.
![](https://miro.medium.com/v2/resize:fit:1400/1*SOyeSzfM-Jx0dn_-LPsbTw.png)
Design made in Germany
Добірка найкращих надихаючих дизайнерських рішень.
![](https://miro.medium.com/v2/resize:fit:1400/1*BbS6xorlrSwNzks-fEuOvw.jpeg)
Web Design Museum
У Музеї веб-дизайну представлено понад 2000 унікальних дизайнів з 1991 по 2006 роки. Відкривайте для себе забуті тенденції вебдизайну.
![](https://miro.medium.com/v2/resize:fit:1400/1*3QS75xoN-1lOqEhZGREtVg.png)
Design Munk
Ретельно підібрані джерела натхнення для цільових сторінок з усього Інтернету за кількома категоріями.
![](https://miro.medium.com/v2/resize:fit:1400/1*1MHgKC1UObjvEu3P4yE68A.png)
Maxibestof.one
Стрічка натхнення для пошуку вебсайтів та шрифтів.
![](https://miro.medium.com/v2/resize:fit:1400/1*NnYbV4Vk0jV0NuoXCVmWAQ.png)
PAGE COLLECTIVE
![](https://miro.medium.com/v2/resize:fit:1400/1*O9gt2H4B_d7u0KKP_cLLgQ.png)
SAAS UI DESIGN
![](https://miro.medium.com/v2/resize:fit:1400/1*R-JWlbnwL9bo5uxoYRlCAw.png)
Savee.it
SAVEE — це платформа для натхнення та збереження ідей, інтерфейсів та вебсторінок.Зберігайте зображення прямо з Instagram і браузера.
![](https://miro.medium.com/v2/resize:fit:1400/1*bCRDcXzSNLku4VzeFPzczw.png)