BenDay
Анімований індикатор завантаження з вашого логотипа: 21 ефект із крапок, Playground і React-компонент із відкритим кодом.
Про ресурс
Morphicons допомагає анімувати зміну SVG-іконок у вебінтерфейсах. Наприклад, меню може плавно перетворюватися на хрестик, а стрілка – змінювати напрямок без різкого перемикання зображень. Бібліотека працює з Lucide, Tabler, Heroicons та іншими наборами. Перехід між формами обчислюється автоматично, а для руху доступні пружинні анімації. Є підтримка React, Vue, Svelte, React Native, Astro і звичайного JavaScript. На сайті можна одразу випробувати різні пари іконок у Playground. Саму бібліотеку можна встановити через npm і використовувати без платної підписки.
Використання та ліцензія
Бібліотека Morphicons поширюється за ліцензією MIT. Іконки в демо належать авторам відповідних наборів і можуть мати інші умови використання. Перевіряйте ліцензію вибраного набору.
Перед використанням перевірте актуальні умови на сайті автора.Схожі ресурси
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
Movin Easings – редактор кривих анімації
Добірка easing-функцій із редактором cubic-bezier, переглядом руху та прикладами коду для вебанімації.