We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.
drei - 🌭 useful helpers for react-three-fiber
A growing collection of useful helpers and abstractions for react-three-fiber. The native route of the library does not export Html or Loader. The default export of the library is web which does export Html and Loader.
react hooks threejs helpers react-three-fiber threereact-three-flex - 💪📦 Flexbox for react-three-fiber
Placing content in THREE.js is hard. @react-three/flex brings the webs flexbox spec to react-three-fiber. It is based on Yoga, Facebook's open source layout engine for react-native. These demos are real, you can click them! They contain the full code, too.
react flexbox yoga 3d three yoga-layout react-three-fiber r3fuse-cannon - 👋💣 physics based hooks for react-three-fiber
Experimental React hooks for cannon-es. Use this in combination with react-three-fiber. Let's make a cube falling onto a plane. You can play with a sandbox here.
reactjs physics cannon-js cannon three react react-three-fiberreact-xr - 🤳 VR/AR with react-three-fiber
These demos are real, you can click them! They contain the full code, too. To get started with default controller models add DefaultXRControllers component. It will fetch appropriate input profile models. You can learn more here.
react vr webxr react-three-fiber xr ar threereact-three-a11y - ♿️ Accessibility tools for React Three Fiber
👩🦯 Provide accessibility support to R3F such as focus indication, keyboard tab index, and screen reader support
threejs reactjs react-three-fiber a11y accessibility three reactreact-three-next - React Three Fiber, Nextjs, Tailwind starter
First Load JS of 74Kb. This starter will automatically pick the marked R3F components and inject them into a canvas layout so we can navigate seamlessly between the pages with some dynamic dom and canvas content without reloading or creating a new canvas every time. Inform the nextjs page that the component is a Threejs component. For that, simply add the r3f property to the parent component.
react webgl threejs starter tailwind react-three-fibercannon-es-debugger - Wireframe debugger for use with cannon-es https://github
This is a debugger for use with cannon-es. It was adapted from the original cannon.js debugger written by Stefan Hedman @schteppe. Note: This debugger is implemented within use-cannon directly.
debugger cannon three react react-three-fibercomponent-material - 🧩 Compose modular materials in React
Material is a React utility that helps you compose and modify materials in react-three-fiber and threejs. By default Material extends three's MeshPhysicalMaterial. If you want to extend a different material just use the from prop passing the desired material constructor.
react threejs shaders react-three-fiberreact-three-lightmap - In-browser lightmap/AO baker for react-three-fiber and ThreeJS
In-browser lightmap and ambient occlusion (AO map) baker for react-three-fiber and ThreeJS. Live editable sandbox.
react threejs ao lightmap ambient-occlusion react-three-fiber r3f lightmap-baker ao-baker
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.
