UX Pilot Gradient Generator – градієнти та фактурні фони
Браузерна студія градієнтів із налаштуванням кольорів, фактури й руху та переглядом результату в макетах інтерфейсів.
Про ресурс
Cursor Lab допомагає підібрати й налаштувати курсор для вебінтерфейсу. У каталозі 28 варіантів: 11 мальованих і 17 анімованих. Автор проєкту — Oleksandr Yeromin. Перегляд, експерименти з параметрами та доступ до коду працюють у браузері без реєстрації. Вкладка Design містить курсори у стилях Aero, Y2K, 8-bit і Kawaii. Тут є скляна стрілка, піксельне серце, олівець та персонажі. Велике прев’ю допомагає оцінити форму, а налаштування розміру й кольору — підігнати її до конкретного інтерфейсу. Мальовані курсори використовують SVG у CSS-властивості cursor. У вкладці Animated ефекти згруповані за поведінкою: Pointer змінює вказівник, Trail залишає слід, а Field реагує цілою поверхнею. Серед прикладів — Dot & Ring, Silky Ribbon, Fluid Smoke та ASCII Field. Набір регуляторів залежить від ефекту: можна змінювати розмір, швидкість слідування, кольори, градієнт та інші доступні параметри й одразу бачити результат. Кнопка Source відкриває панель із вкладками JS, React і CSS. Код формується з поточними налаштуваннями, тож після експериментів його можна скопіювати для інтеграції. Відкритий репозиторій також дає змогу запустити саму майстерню локально без збирання проєкту та вивчити реалізацію ефектів. Ресурс стане у пригоді для портфоліо, промосайтів і прототипів взаємодії. Перед використанням у готовому продукті варто перевірити видимість курсора, поведінку посилань і кнопок, роботу на сенсорних пристроях, продуктивність та налаштування зменшення руху. Потрібні захисні перевірки слід оцінювати в конкретному скопійованому фрагменті.
Використання та ліцензія
Код проєкту поширюється за ліцензією MIT (© 2026 Oleksandr Yeromin): дозволено використання, зміну й поширення, зокрема в комерційних проєктах, зі збереженням повідомлень про авторське право та ліцензію в копіях або істотних частинах коду. Шрифти й сторонні торговельні марки мають власні умови.
Перед використанням перевірте актуальні умови на сайті автора.Схожі ресурси
fffuel — безкоштовні SVG-генератори та дизайн-інструменти
Колекція з 60+ безкоштовних інструментів для створення SVG-фонів, градієнтів, патернів, текстур, форм і кольорових палітр прямо у браузері.
Figcomponents — бібліотека готових компонентів для Figma
Велика колекція готових компонентів для сайтів, мобільних застосунків, панелей керування, лендингів, таблиць, форм і UI-наборів, які можна копіювати прямо у Figma.