Meng To Open-Sources ThreeUI: A Three.js Component and Template Library

X postMeng ToAnnouncement

Meng To has open-sourced ThreeUI, a collection of more than 160 free Three.js components and landing pages designed for prompt-based customisation via AI agents.

Key points

  1. ThreeUI offers over 160 free procedural 3D hero sections, icons, and motion designs written in JavaScript.
  2. Each component is lightweight, measuring around 100 to 200 KB.
  3. Developers can copy prompts or source code to provide to AI agents to adjust lighting, motion, themes, or layouts.
  4. A commercial Pro tier includes 50+ extra components, Model Context Protocol (MCP) support, and specialised skills.
  5. The repository is hosted on GitHub (MengTo/threeui) with a live version on threeui.com.

Why it matters

Integrating 3D elements into websites typically carries heavy asset overhead. ThreeUI provides procedural Three.js alternatives structured specifically to work smoothly with AI coding agents and prompt-driven workflows.

Analysis

The release reflects how component libraries are being redesigned for an agentic development paradigm. By shipping lightweight procedural code alongside agent prompts and skills, Meng To streamlines the generation and customisation of interactive 3D web interfaces.

Original post

Meng To

@MengTo · 21 August 2026

I open-sourced ThreeUI, my library of three.js components and landing pages. 160+ are free, and the tool is free too. It includes procedural 3D hero sections, icons, and motion designs. Copy the prompt or source, give it to your agent, then change the theme, lighting, motion or t.co/YagCLibnqu t.co/4IU40QWAPz

9k likes157 replies14.7k bookmarks1.3m views

View on X
More posts in the thread (2)
  1. @TushargulyaniX Just added 40 components! Crazy how this blew up
  2. @avenger The 3D model looks incredible. Did you use any library, and did you use Opus 5?
Selected replies (5)
  • @SebastianRoehl @MengTo This site triggered the fans in my M3 MacBook Pro :D
  • @TushargulyaniX @MengTo you're doing some real work
  • @avenger @MengTo This is a great example of making 3D components feel like a real design system instead of isolated demos. I recently built a small Zen Hall with Three.js too—quiet, interactive, and meant to be experienced rather than just viewed. Try it here: t.co/P1LGVvNnON
  • @avenger @MengTo The core is Three.js. I built the scene as a lightweight browser experience and iterated on the space and interactions directly; Opus 5 was not a dependency for the final scene. I’m still exploring AI-assisted workflows.
  • @scottstts @MengTo @threejs Incredible! Thank you for open sourcing it!

Mentioned links

Links and tools from this entry

Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.

Related entries

Similar in content, found by the AI search.

  • X post:Meng To

    ThreeUI: Meng To Expands Procedural Three.js Library Using Claude Code

    Designer Meng To has expanded his open-source ThreeUI library by 60 new Three.js components, bringing the total to 280. He leverages Claude Code and Opus to rapidly generate variations in themes, environments, and interactions directly from existing source code.

    1.2kbookmarks100.5kviews

    AI & LLMs· Tool

  • Repository:MengTo/threeui

    ThreeUI Community: Interactive 3D and WebGL Components for React

    ThreeUI Community is an open-source component library and interactive catalogue providing 3D and shader-based UI elements for React. Maintained by Meng To (DesignCode), it delivers the complete source code for all free community components without requiring an account.

    5.2kstarsHTML

    Web development· Tool

Back to the knowledge base

Let's talk about your project

Get in touch

Locations

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Vienna
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Parts of this content were created with the assistance of AI.