BenDay
Анімований індикатор завантаження з вашого логотипа: 21 ефект із крапок, Playground і React-компонент із відкритим кодом.
Ресурси
Знаходьте корисне. Збирайте своє. Діліться знахідками.
Усі ресурси 28
Stitch
Інструмент Google Labs для створення інтерфейсів сайтів і застосунків за текстовим описом або зображенням, з експортом у Figma та HTML/CSS.
SVGOMG: оптимізація SVG-файлів
Безкоштовний браузерний інтерфейс для SVGO: очищення SVG-коду, зменшення файлів, точні налаштування та порівняння результату.
Squoosh: стискання зображень у браузері
Безкоштовний інструмент для стискання, зміни розміру та конвертації зображень із порівнянням якості й локальною обробкою файлів.
Flexbox Froggy: гра для вивчення CSS Flexbox
Безкоштовна браузерна гра з 24 завданнями: пишіть CSS, розміщуйте жаб на листках латаття та вивчайте вирівнювання, порядок і перенесення flex-елементів.
Site of Sites: кураторська галерея вебдизайну
Безкоштовна галерея сайтів із фільтрами за індустрією, типом, стилем і платформою, тематичними добірками та посиланнями на живі проєкти.
Awwwards Portfolio: приклади сайтів-портфоліо
Велика добірка сайтів-портфоліо на Awwwards для дослідження композиції, взаємодії та презентації творчих робіт.
Neumorphism.io: генератор CSS-тіней для Soft UI
Безкоштовний генератор неоморфних поверхонь із налаштуванням кольору, форми, тіней та копіюванням CSS.
Glass3D — генератор скляних CSS-ефектів
Налаштовуйте розмиття, колір і текстуру скляних елементів інтерфейсу та копіюйте готовий CSS.
Gradient Lab від Backgrounds Supply — генератор градієнтних фонів
Безкоштовний браузерний редактор градієнтних фонів із шейдерними режимами, налаштуванням палітри та експортом зображень і відео.
ColorFlow — редактор mesh-градієнтів
Редактор кольорових mesh-градієнтів із контрольними точками, ефектами, пресетами та опціями експорту зображень і відео.
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
Tubik Blog — статті, кейси та практичні матеріали про дизайн
Великий дизайн-блог української студії Tubik зі статтями про UI/UX, брендинг, вебдизайн, ілюстрацію, motion, дизайн-процеси та реальні кейси.
ShaderGradient — генератор анімованих 3D-градієнтів для сайтів і Figma
Безкоштовний open-source інструмент для створення плавних анімованих 3D-градієнтів із візуальним редактором, Figma та Framer-інтеграціями й готовими пакетами для React і Vue.
Product Hunt — платформа для пошуку нових цифрових продуктів і сервісів
Спільнота для відкриття нових застосунків, AI-сервісів, дизайн-інструментів, SaaS-продуктів і технологічних стартапів із щоденними рейтингами та відгуками.
Pattern Monster — генератор безшовних SVG-патернів
Безкоштовна бібліотека з 320+ безшовних патернів із налаштуванням кольорів, товщини ліній та кута, копіюванням CSS/SVG і експортом у SVG або PNG.
Gradihunt — генератор мільйонів автоматично створених градієнтів
Безкоштовний генератор CSS-градієнтів із мільйонами автоматично створених варіантів, фільтрами та швидким копіюванням готового коду.
Gradient Hunt — тисячі безкоштовних градієнтів для дизайнерів
Кураторська колекція тисяч трендових градієнтів із CSS-кодом, розділами Linear, Radial, Popular і Random та можливістю створювати й зберігати власні варіанти.
Google Design — статті, кейси й ресурси про дизайн продуктів Google
Редакційна платформа Google про UX, Material Design, типографіку, AI, дизайн-системи, доступність і процес створення цифрових продуктів.
Dark.design — добірка найкращих сайтів у темному стилі
Кураторська галерея темних вебсайтів із реальними прикладами від студій, сервісів, AI-продуктів, hardware-брендів, персональних сайтів і Web3-проєктів.
fffuel — безкоштовні SVG-генератори та дизайн-інструменти
Колекція з 60+ безкоштовних інструментів для створення SVG-фонів, градієнтів, патернів, текстур, форм і кольорових палітр прямо у браузері.
Design Spells — магічні деталі інтерфейсів і мікроанімацій
Кураторська галерея з 300+ прикладами цікавих UI-рішень, мікроанімацій, переходів, Easter eggs і деталей взаємодії з реальних продуктів.
Dribbble — дизайн-портфоліо, UI/UX і креативне натхнення
Популярна платформа з роботами дизайнерів у UI/UX, вебдизайні, брендингу, логотипах, ілюстрації, 3D, motion та інших креативних напрямках.