Movin Easings – редактор кривих анімації
Добірка easing-функцій із редактором cubic-bezier, переглядом руху та прикладами коду для вебанімації.
Колекції
Прототипувати анімацію для вебу
Дослідіть взаємодії, налаштуйте easing і прототипуйте рух через SVG, Figma, паперові форми, градієнти та курсори. Перевіряйте експорт, продуктивність і підтримку зменшення анімації перед публікацією.
Deslove
Ресурсів: 8
Paperlab: інтерактивний 3D-папір для вебу
Безкоштовний браузерний редактор і React-бібліотека для паперових 3D-ефектів: згинів, розгортання, відклеювання, рухомих галерей і сцен.
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.
60fps — бібліотека UI/UX-анімацій і мікровзаємодій із реальних застосунків
Кураторська бібліотека з 2100+ реальних UI/UX-анімацій і interaction patterns із iOS та web apps із фільтрами за жестами, ефектами, елементами й сценаріями.
SVGator — онлайн-редактор SVG-анімації без коду
Браузерний інструмент для створення SVG- і Lottie-анімацій із таймлайном, keyframes, morphing, motion paths, інтерактивними тригерами та експортом для вебу й застосунків.
Magic Animator — AI-анімація дизайнів у Figma
AI-інструмент від Lottielab для анімації Figma-дизайнів за промптом або в один клік із редагованими keyframes та експортом у Lottie, GIF і MP4.
ShaderGradient — генератор анімованих 3D-градієнтів для сайтів і Figma
Безкоштовний open-source інструмент для створення плавних анімованих 3D-градієнтів із візуальним редактором, Figma та Framer-інтеграціями й готовими пакетами для React і Vue.
Design Spells — магічні деталі інтерфейсів і мікроанімацій
Кураторська галерея з 300+ прикладами цікавих UI-рішень, мікроанімацій, переходів, Easter eggs і деталей взаємодії з реальних продуктів.