Fluid Functionalism

fluid-functionalism.vercel.app

一套开源 UI 组件，用弹簧物理、邻近悬停和字重过渡让动效服务于功能。

开源React网页

被推荐 1 次

访问网站 ↗

适合做什么

适合追求细腻交互的前端工程师和设计师，用于构建有物理感、可访问的现代 Web 界面。

标签与属性

授权

开源

技术栈

React

平台

网页

谁在推荐

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

fluid-functionalism Refined shadcn/ui-compatible components with spring physics, proximity hover, and font weight transitions. Every animation serves a functional purpose. Link 2026-04-24T19:38:06.000Z

同类推荐

动画库

Motion

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

开源ReactVue

github.com1 处推荐详情

动画库

react-spring

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

开源React

github.com1 处推荐详情

动效组件

Magic UI

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

开源ReactTailwind落地页

magicui.design9 处推荐详情

动效组件

React Bits

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

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

reactbits.dev1 处推荐详情

动效组件

Aceternity UI

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

ReactTailwind落地页

ui.aceternity.com11 处推荐详情

代码片段 / CSS 效果

Hover.css

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

开源HTML/CSS落地页

ianlunn.github.io1 处推荐详情