Heroicons Animated

heroicons-animated.vercel.app

基于 Motion 与 Heroicons 的 316 个免费动画图标库，MIT 协议，React 可直接复制使用。

开源React网页

被推荐 1 次

适合做什么

适合 React 开发者给按钮、导航、状态提示等界面元素添加细腻的图标动效。

授权

技术栈

平台

@birobirobiro/awesome-shadcn-ui · awesome 列表出处 ↗

heroicons-animated An open-source collection of 316 beautifully animated heroicons for your projects. Link 2026-01-23T21:15:24.000Z

动画库

面向 React、JavaScript 和 Vue 的现代动画库，支持手势、弹簧、布局过渡与滚动联动，性能出色。

开源ReactVue

github.com1 处推荐详情

动画库

基于弹簧物理的 React 动画库，支持声明式与命令式动画，跨平台可用。

开源React

github.com1 处推荐详情

动效组件

面向设计工程师的动画 UI 组件库，150+ 免费开源组件，基于 React、Tailwind CSS 与 Motion 构建。

开源ReactTailwind落地页

magicui.design9 处推荐详情

动效组件

开源 React 动效组件库，含 210+ 可高度自定义的动画组件、背景与微交互，即插即用。

免费+付费ReactTailwind落地页作品集

reactbits.dev1 处推荐详情

动效组件

基于 React 和 Tailwind CSS 的组件库，提供 200+ 可复制粘贴的动效组件与落地页模板。

ReactTailwind落地页

ui.aceternity.com11 处推荐详情

代码片段 / CSS 效果

一套纯 CSS3 悬停动效库，为按钮、链接、图标等元素提供上百种悬停效果，支持 CSS、Sass 和 LESS。

开源HTML/CSS落地页

ianlunn.github.io1 处推荐详情