# [ThreeUI](<https://threeui.com/>)

[threeui.com](<https://threeui.com/>)

Copy-paste Three.js and WebGL components — hero sections, shaders, backgrounds, and full landing page templates, with variants and an MCP server for agents.

[3D Design](<https://creatorstoolbox.com/communities/3d-design>)[Graphic Design](<https://creatorstoolbox.com/communities/graphic-design>)[UI & UX Design](<https://creatorstoolbox.com/communities/ui-ux>)[Development](<https://creatorstoolbox.com/communities/development>)

Media 1 of 3

## About ThreeUI

ThreeUI is a library of procedural Three.js and WebGL components for the web: animated hero sections, interactive shaders, backgrounds, buttons, text animation, motion design pieces, and complete landing page templates. Everything is lightweight, framework-agnostic JS with tasteful variants you can tune, so it drops into whatever stack you already use rather than pulling in a framework of its own. Components are also copyable as prompts and exposed through an MCP server, which makes the catalog usable directly from a coding agent.

A free Community tier covers a large part of the library, with Pro components available on a yearly plan or lifetime access.

Pricing model: Freemium

## Features

- 240+ Three.js, WebGL, and CSS components

- Categories for landing pages, heroes, backgrounds, buttons, text animation, UI elements, motion design, and full sections

- Customizable variants on every component

- Framework-agnostic — copy, paste, and ship

- Components are copyable as prompts, with an MCP server for coding agents

- Free Community tier, plus yearly Pro and lifetime access

## FAQs

Common questions about ThreeUI

Is ThreeUI free?

There is a free Community tier. Pro components are covered by a yearly plan or a one-time lifetime purchase.

Which frameworks does it work with?

It is framework-agnostic — the components are plain, lightweight JS you copy into your project.

Can I use it with an AI coding agent?

Yes — components can be copied as prompts, and ThreeUI ships an MCP server so agents can pull from the catalog directly.

## Similar products

- [![HorizonX](<https://www.google.com/s2/favicons?domain=horizonx.so&sz=128>)

HorizonXhorizonx.so

A subscription library of UI kits, components, Figma files, coded templates, textures, shaders, and interactive web tools.](<https://creatorstoolbox.com/products/horizonx>)

- [![UIHut](<https://www.google.com/s2/favicons?domain=uihut.com&sz=128>)

UIHutuihut.com

Design resource marketplace — UI kits, templates, icons, and illustrations for Figma and Webflow.](<https://creatorstoolbox.com/products/uihut>)

---
Canonical source: https://creatorstoolbox.com/products/threeui