Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
Про ресурс
Movin Easings допомагає підібрати характер руху для інтерфейсу. Замість вибору функції навмання ви бачите її криву й одразу перевіряєте, як змінюється анімація. У добірці є стандартні CSS-функції та сімейства Sine, Quad, Cubic, Quart, Quint, Expo, Circ і Back. Можна почати з готового варіанта, а потім скоригувати контрольні точки cubic-bezier перетягуванням або числовими значеннями. Попередній перегляд показує переміщення, масштабування, обертання та зміну прозорості. Тривалість і паузу між повтореннями можна налаштувати окремо, щоб оцінити не лише форму кривої, а й ритм переходу. Для перенесення результату в роботу передбачені розділи CSS і JavaScript. На сторінці наведені timing function, приклади keyframes і transition, а також запис для Tailwind. Інструмент доступний у браузері без оплати. Він стане у пригоді, коли потрібно узгодити рух між дизайном і розробкою або зрозуміти, чому однаковий перехід із різними easing-функціями відчувається по-різному.
Використання та ліцензія
Доступ до інструмента безкоштовний. Окрему відкриту ліцензію на нього не зазначено; діють умови movin.design. Роботи інших авторів у головній галереї мають власних правовласників.
Перед використанням перевірте актуальні умови на сайті автора.Схожі ресурси
Neumorphism.io: генератор CSS-тіней для Soft UI
Безкоштовний генератор неоморфних поверхонь із налаштуванням кольору, форми, тіней та копіюванням CSS.
Superdesign: ШІ для дизайну інтерфейсів
ШІ-інструмент для створення й порівняння UI-макетів на нескінченному полотні, з відкритою бібліотекою дизайн-промптів і обмеженим безкоштовним тарифом.