Superdesign: ШІ для дизайну інтерфейсів
ШІ-інструмент для створення й порівняння UI-макетів на нескінченному полотні, з відкритою бібліотекою дизайн-промптів і обмеженим безкоштовним тарифом.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Веб-дизайн 30
SVGOMG: оптимізація SVG-файлів
Безкоштовний браузерний інтерфейс для SVGO: очищення SVG-коду, зменшення файлів, точні налаштування та порівняння результату.
Squoosh: стискання зображень у браузері
Безкоштовний інструмент для стискання, зміни розміру та конвертації зображень із порівнянням якості й локальною обробкою файлів.
Flexbox Froggy: гра для вивчення CSS Flexbox
Безкоштовна браузерна гра з 24 завданнями: пишіть CSS, розміщуйте жаб на листках латаття та вивчайте вирівнювання, порядок і перенесення flex-елементів.
Site of Sites: кураторська галерея вебдизайну
Безкоштовна галерея сайтів із фільтрами за індустрією, типом, стилем і платформою, тематичними добірками та посиланнями на живі проєкти.
Awwwards Portfolio: приклади сайтів-портфоліо
Велика добірка сайтів-портфоліо на Awwwards для дослідження композиції, взаємодії та презентації творчих робіт.
A1 Gallery: натхнення для сайтів-портфоліо
Кураторська добірка сайтів-портфоліо з фільтрами за стилем, технологією та кольором, безкоштовним переглядом і платними Pro-функціями.
Neumorphism.io: генератор CSS-тіней для Soft UI
Безкоштовний генератор неоморфних поверхонь із налаштуванням кольору, форми, тіней та копіюванням CSS.
Glass3D — генератор скляних CSS-ефектів
Налаштовуйте розмиття, колір і текстуру скляних елементів інтерфейсу та копіюйте готовий CSS.
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
ShaderGradient — генератор анімованих 3D-градієнтів для сайтів і Figma
Безкоштовний open-source інструмент для створення плавних анімованих 3D-градієнтів із візуальним редактором, Figma та Framer-інтеграціями й готовими пакетами для React і Vue.
Pattern Monster — генератор безшовних SVG-патернів
Безкоштовна бібліотека з 320+ безшовних патернів із налаштуванням кольорів, товщини ліній та кута, копіюванням CSS/SVG і експортом у SVG або PNG.
Heroicons — 316 безкоштовних SVG-іконок від творців Tailwind CSS
Безкоштовна бібліотека з 316 акуратно намальованих SVG-іконок для UI, сайтів і застосунків із Figma-файлом та офіційними бібліотеками для React і Vue.
Iconoir — 1 600+ безкоштовних open-source іконок
Велика безкоштовна бібліотека SVG-іконок на сітці 24×24 з підтримкою Figma, Framer, React, React Native, Vue, Flutter і CSS.
Boxicons — 50 000+ іконок для вебу, Figma та розробки
Велика бібліотека іконок для дизайнерів і розробників із 3 стилями, 3 товщинами, 40+ категоріями, Figma/Framer-плагінами та пакетами для React, Vue, Svelte і JavaScript.
Google Design — статті, кейси й ресурси про дизайн продуктів Google
Редакційна платформа Google про UX, Material Design, типографіку, AI, дизайн-системи, доступність і процес створення цифрових продуктів.
Figcomponents — бібліотека готових компонентів для Figma
Велика колекція готових компонентів для сайтів, мобільних застосунків, панелей керування, лендингів, таблиць, форм і UI-наборів, які можна копіювати прямо у Figma.
Dark.design — добірка найкращих сайтів у темному стилі
Кураторська галерея темних вебсайтів із реальними прикладами від студій, сервісів, AI-продуктів, hardware-брендів, персональних сайтів і Web3-проєктів.
fffuel — безкоштовні SVG-генератори та дизайн-інструменти
Колекція з 60+ безкоштовних інструментів для створення SVG-фонів, градієнтів, патернів, текстур, форм і кольорових палітр прямо у браузері.
Design Spells — магічні деталі інтерфейсів і мікроанімацій
Кураторська галерея з 300+ прикладами цікавих UI-рішень, мікроанімацій, переходів, Easter eggs і деталей взаємодії з реальних продуктів.
Best Website Gallery — добірка найкращих сайтів для натхнення
Кураторська галерея з понад 2600 сайтами для пошуку ідей у вебдизайні, UI/UX, типографіці, анімації та цифрових інтерфейсах.
Lovable
Створюйте й доопрацьовуйте сайти та вебзастосунки через діалог, з інструментами публікації та обмеженим безкоштовним запасом кредитів.
Spline
Браузерний редактор інтерактивної 3D-графіки. Безкоштовний план має обмеження файлів і водяний знак у вебекспорті.