Animated Header

github.com

一个受 Vercel 启发的滚动感知动画头部组件，基于 Next.js、TailwindCSS、shadcn/ui 和 Motion 构建。

Next.jsTailwindReact落地页网页

GitHub ★ 56被推荐 1 次

适合做什么

适合前端开发者快速为网站添加类似 Vercel 的滚动动画导航头部。

技术栈

用途

平台

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

animated-header Vercel-like animated header. Link 2025-10-25T16:09:52.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 处推荐详情