跳到正文
前端学习导航站
English (语言)

推荐一个站点

填个名字和网址,提交后会在 GitHub 打开推荐页,确认后即完成推荐。

拿来即用的 Three.js 素材库:3D 首屏、WebGL 背景、液态按钮、文字动效,每个都给源码

内容更新日期 · 2026-09-11

What is it · 它是什么

什么是 ThreeUI

ThreeUI 是一个拿来即用的 Three.js 素材库:3D 首屏(Hero)、WebGL 背景、液态金属按钮、文字动效、完整落地页模板,分七大类上百个素材,每个都提供源码,复制就能用;带安装文档和 MCP 接口(AI 编程工具可直接查素材)。免费区大量可用,Pro 付费解锁完整 389 个合集。做创意前端、给页面加 3D 效果时,这里是「直接抄作业」的地方。

How to use · 怎么用

怎么用 ThreeUI

  1. 从 Browse 按分类(Landing Pages/Hero/Backgrounds/Buttons 等)挑效果。
  2. 点开素材页拿源码,复制进自己的项目。
  3. 接 AI 编程工具的走 Installation/MCP 文档,让助手直接调用素材库。

Key features · 核心特点

ThreeUI 的核心特点

  • 每个素材源码齐全,复制即用
  • 七大类:首屏/背景/按钮/文字动效/UI 元素/整站模板
  • 免费区大量可用,无需登录即可浏览
  • 2026 年活跃更新,带 AI 编程接口

同类推荐

主流 App 的界面动效录屏库:2000+ 条覆盖 487 个应用,按手势/交互模式筛选