Atelier UI

github.com

面向 React 与 Next.js 的 WebGL 与动效组件注册表，源码复制进项目，共享单一 Canvas 与滚动循环。

免费+付费ReactNext.jsTailwind落地页作品集

被推荐 1 次

访问网站 ↗

适合做什么

适合做官网、作品集等需要 WebGL 背景、光标交互、滚动与页面转场效果的 React 开发者。

标签与属性

授权

免费+付费

技术栈

React Next.js Tailwind

用途

落地页作品集

风格

平台

网页

谁在推荐

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

atelier-ui A React Three Fiber and Motion component system for React and Next.js. WebGL galleries, interactive cursors, smooth scroll effects and page transitions, built on one shared canvas and one scroll loop. Link 2026-08-11T14:27:05.834Z

同类推荐

动画库

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 处推荐详情