Skip to main content
ThreeUI

ThreeUI

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
ThreeUI preview 1
ThreeUI preview 2
ThreeUI preview 3

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