昨天翻到一个叫beUI的开源项目,专门做React动效组件。像3D倾斜卡片、磁吸按钮、滑动Tab,还有模仿Codex侧边栏那种鼠标滑过带预览的导航条,调得很舒服。
自己手搓页面嫌交互太僵硬的可以存一下。这东西解决的问题很明确:很多开发者做页面功能没问题,但交互体验总差点意思。beUI把这些动效封装好了,直接调用就行。
我上周试着用它的3D倾斜卡片做了一个产品展示页。鼠标移上去的时候卡片会跟着倾斜,配合光影效果,质感一下就上来了。以前要自己写CSS动画,调半天还不一定满意,现在几行代码搞定。
最让我惊喜的是它的磁吸按钮。鼠标靠近按钮时,按钮会自动吸附过来,有种物理引擎的感觉。这种细节做好了,用户停留时间真的会变长。
项目地址:beui.dev
如果你在做需要精致交互的页面,特别是产品展示、落地页这类场景,beUI值得试试。比自己从零写动画效率高太多了。
话题来源 @ianneo_ai
❤️270 x.com/…↗ 已改写,非原文转载
26 浏览 0 评论
0 反应














