A curated library of customizable three.js components. 100% free to use, with new components added regularly and you can add your own too.
From a simple camera rig
to a futuristic reveal effect.
Explore nowProduction-ready and customizable three.js components built for modern web applications.
Clean, well-structured code that's easy to copy, customize, and deploy in production.
The collection grows continuously with new components added on a regular basis.
Submit your own three.js components and list them on the platform.


Contribute to the collection and help developers build stunning 3D web experiences.
Three.js Collection is a curated library of interactive three.js components that you can instantly copy or download and use in your website. Each component is designed to enhance visual appeal and create modern, immersive web experiences.
Browse the collection, preview the component, then either copy the source code or download the ZIP file. Install the required dependencies and plug it directly into your project. It's built to be simple and developer-friendly.
Yes! All components on Threejs Collection are completely free to use in your personal or commercial projects.
No. Components are built to be plug-and-play. While understanding Three.js helps for deeper customization, you can use these components by simply copying and integrating the provided code.
Absolutely! You can share your own Three.js components with the community through the Add Component page. After a review process, approved submissions are added to the collection.
Built by:
@TechyWebDev
© 2026 Three.js Collection. All rights reserved.