Repolode
Submit
MengTo

MengTo/threeui

An open-source, login-free catalog of interactive Three.js/WebGL UI components with live renderers and full source code.

View on GitHubWebsite
Stars
6,692
Forks
626
Open issues
8
Last commit
2 months ago

What is it?

ThreeUI Community is the open-source edition of the ThreeUI component catalog. It provides a browsable grid of WebGL and Three.js-based UI components, each with a live interactive renderer, adjustable controls, a variant picker, and source code tabs. The application shell, navigation, search, themes, and responsive layout match the main ThreeUI project.

The Community edition removes Pro and Beta components and their implementations, and it requires no account or authentication. The catalog includes 50 parent components with 111 routes and 141 free variant records. The React package @designcodeio/threeui is published on npm, so individual components can be imported into a React app with shared styles, and some full-document components load runtime assets from a public directory.

The repository can be run locally with npm install and npm run dev, and npm run build performs type checks and a production build. Pro source is distributed separately through a CLI that requires a paid membership.

Key features

  • 01Live interactive renderers for each WebGL/Three.js component.
  • 02Adjustable controls and a variant picker for every free component.
  • 03Source code tabs showing the implementation of each component.
  • 04Published React package @designcodeio/threeui for importing components.
  • 05No login, accounts, or checkout required.

Use cases

  • Browsing Three.js and WebGL UI effects for inspiration before building a project.
  • Copying or importing ready-made 3D UI components into a React application.
  • Learning how shader and Three.js-based interface components are structured by reading their source.

Topics

#threejs#webgl#react#ui-components#shaders

FAQ

What is threeui?
An open-source, login-free catalog of interactive Three.js/WebGL UI components with live renderers and full source code. ThreeUI Community is the open-source edition of the ThreeUI component catalog. It provides a browsable grid of WebGL and Three.js-based UI components, each with a live interactive renderer, adjustable controls, a variant picker, and source code tabs. The application shell, navigation, search, themes, and responsive layout match the main ThreeUI project.
Is threeui free to use? What license does it have?
threeui is open source under the MIT license. Check the license terms before using it in commercial products.
Is threeui still maintained?
Updated within 6 months. The last commit to threeui was on Sep 3, 2026.
What can I use threeui for?
Browsing Three.js and WebGL UI effects for inspiration before building a project. Copying or importing ready-made 3D UI components into a React application. Learning how shader and Three.js-based interface components are structured by reading their source.
Where can I get threeui?
The source code and installation instructions are on GitHub: https://github.com/MengTo/threeui

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects