A gallery of real app UI motion — 2000+ screen recordings across 487 apps, filterable by gesture and interaction pattern
ThreeUI
A copy-ready Three.js library — 3D heroes, WebGL backgrounds, liquid buttons, text animations, all with source
Content updated · 2026-09-11
What is it · 它是什么
What is ThreeUI?
ThreeUI is a copy-ready Three.js library: 3D hero sections, WebGL backgrounds, liquid-metal buttons, text animations and complete landing-page templates, organized in seven categories with source code for every asset — copy and use. It ships with installation docs and an MCP interface so AI coding tools can query the library directly. The free tier covers a large portion; Pro unlocks the full 389-piece collection. When building creative front-ends and adding 3D effects, this is the place to borrow from.
How to use · 怎么用
How to use ThreeUI
- Browse by category (Landing Pages/Hero/Backgrounds/Buttons and more) to pick an effect.
- Open an asset page, grab the source and paste it into your project.
- Using an AI coding assistant? Follow the Installation/MCP docs and let it query the library directly.
Key features · 核心特点
Key features of ThreeUI
- Full source for every asset — copy and go
- Seven categories: heroes, backgrounds, buttons, text effects, UI elements, full templates
- Large free tier, browsing without login
- Actively updated in 2026, with an AI coding interface
Related sites
Compose animations by stacking words - fade, up, slide - no keyframes, 3KB core
A front-end playground — a dense hub of motion snippets and experiments