动效
在项目中,我们广泛使用 Framer Motion
、Lottie
和 MagicUI
来增强用户体验和交互效果。Framer Motion 主要用于实现页面和组件的流畅过渡、悬停动画及元素入场/出场动效,使界面更具动感与层次感。Lottie 负责播放高质量的矢量动画,如加载指示、按钮反馈等,提高视觉表现力,同时保持性能优化。MagicUI 提供了一系列现代化的 UI 动效组件,使页面交互更加直观生动,有效提升整体用户体验。通过这些工具的结合,我们打造了兼具美观与流畅性的动效体验。 🚀
在着陆页中,使用MagicUI
提供的组件来完成项目的介绍。
在智能助手中,使用Framer Motion
来实现的文字动画。
在智能监控中,使用Lottie
来实现右下角小球的动画效果。