Wednesday, August 26, 2026

ThreeUI

★4,019Worth testing
Demo

Open Three.js + React UI catalog you can browse live, copy Community source, and drop into a product without a login wall.

ThreeUI

Why it matters

ThreeUI is Meng To’s Three.js component catalog. The public Community repo mirrors the real product app (browse grid, search, themes, responsive layout, component pages, live renderers, controls, code tabs) with Pro and Beta stripped out. You get 50 parent components, 111 routes, and 141+ free variants plus npm package @designcodeio/threeui under MIT.

Most WebGL component kits hide the good stuff behind accounts. ThreeUI Community ships the same shell, live previews, variants, and full free source — so founders can evaluate motion/UI building blocks before paying for Pro.

How it works

Clone and `npm run dev` for the full catalog, or `npm install @designcodeio/threeui` and import components with the shared stylesheet (or a component subpath for a smaller graph). Copy runtime assets from the package into public when a component needs root-relative files. Pro components stay out of npm; entitled members pull them with the separate CLI.

Not another static shader demo dump — it is a production-shaped catalog with interactive controls, source tabs, and a clean Community/Pro split so free variants stay complete and installable without auth.

Capabilities

Demo
  • Public demo available
threejsreactwebglui-componentsshaders
Source ↗

Via github

X