Open Peeps — безкоштовна бібліотека hand-drawn персонажів
Open-source бібліотека мальованих персонажів від Pablo Stanley з сотнями тисяч комбінацій поз, емоцій, зачісок і одягу для сайтів, застосунків, презентацій та брендингу.
Про ресурс
ShaderGradient — безкоштовний open-source інструмент для створення анімованих 3D-градієнтів і фонових WebGL-ефектів без необхідності писати шейдери вручну. Він особливо добре підходить для hero-секцій, лендингів, бренд-сайтів, продуктових презентацій та інших інтерфейсів, де потрібен плавний живий фон. У візуальному редакторі можна налаштовувати кольори, форму градієнта, швидкість анімації, силу й щільність ефекту, частоту, позицію, обертання, камеру, освітлення, зерно та інші параметри. Серед базових типів доступні plane, sphere і waterPlane, тому результат може виглядати як м’яка площина, об’ємна сфера або хвиляста поверхня. Налаштування можна зберігати у вигляді URL і використовувати той самий градієнт у коді. Для React доступний офіційний пакет `@shadergradient/react`, побудований на React Three Fiber і Three.js. Також є окремий рендерер для Vue 3 / Nuxt. Для дизайнерів ShaderGradient має Figma-плагін і готовий компонент для Framer, тому один і той самий стиль можна спочатку налаштувати візуально, а потім перенести у дизайн або безпосередньо на сайт. Проєкт буде корисний UI/UX- і вебдизайнерам, frontend-розробникам та артдиректорам, яким потрібні сучасні анімовані градієнти, ambient backgrounds або виразні hero-фони без складної роботи з GLSL. ShaderGradient є відкритим проєктом і поширюється за ліцензією MIT. Репозиторій підтримують ruucm і stone-skipper разом зі спільнотою.
Використання та ліцензія
ShaderGradient поширюється за MIT License. Код і рендерер можна безкоштовно використовувати, змінювати та інтегрувати в особисті й комерційні проєкти відповідно до умов MIT.
Перед використанням перевірте актуальні умови на сайті автора.Схожі ресурси
Google Design — статті, кейси й ресурси про дизайн продуктів Google
Редакційна платформа Google про UX, Material Design, типографіку, AI, дизайн-системи, доступність і процес створення цифрових продуктів.
Архів історичних кольорових палітр
Color Leap показує, як змінювалися кольори в різні історичні періоди — 180 палітр із 12 епох із прикладами мистецтва та характерними кольоровими поєднаннями.