threeui

ThreeUI is a catalog of WebGL and Three.js React components you drop in instead of building: shader buttons, liquid metal surfaces, warp fields, globes, animated backgrounds, and full landing-page scenes. The Community edition is MIT and complete as shipped, roughly 50 parent components across 164 browse results, installable from npm as @designcodeio/threeui.

Open core done honestly, for once. The Community repo runs the same app shell, browse grid, live renderers, controls, and source tabs as the paid product. The only difference is catalog size: Pro and Beta components are filtered out, and every Community component keeps all of its free variants. The sync that generates the public repo fails closed and publishes a per-component parity report, which is more transparency than open core usually bothers with.

Pro is $99/year or $199 lifetime, both launch prices against $199 and $399. That adds the premium library plus authenticated MCP access, so a coding agent can pull component source directly. Pro source is kept off npm and fetched through an OAuth CLI that checks entitlement per request.

The catch is that WebGL components are not free at runtime. These are shaders, and a page carrying several will cost you on mid-range phones and older laptops. Profile the frame rate before putting one above the fold.