# [ThreeUI](<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.

Freemium·UI Kits·3D·Three.js·WebGL·Shaders·Templates

Freemium·UI Kits·3D·Three.js·WebGL+2

![ThreeUI preview 1](<https://ublctyddhtbgaersvxxb.supabase.co/storage/v1/object/public/threeui-media/thumbnails/threeui-browse.jpg>)

![ThreeUI preview 2](<https://creatorstoolbox.com/images/galleries/threeui-og-6e4adc466b73dccd97787798077989ca8669a9d86cd44b29bd8978aae5618e7e.jpg>)

![ThreeUI preview 3](<https://creatorstoolbox.com/images/galleries/threeui-024c64bde8d7e7798543e38db1f0a6980421a655712719647e2ab5b1ec07acce.jpg>)

## What is 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.

## 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 Launches

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

HorizonX

A subscription library of UI kits, components, Figma files, coded templates, textures, shaders, and interactive web tools.](<https://creatorstoolbox.com/resources/horizonx>)[![UIHut](<https://www.google.com/s2/favicons?domain=uihut.com&sz=128>)

UIHut

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

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