user interfaces for Three.js
This library builds on yoga (open-source flexbox implementation), Three.js (open-source WebGL library) to deliver compatible and performant 3D UIs with out-of-the-box animations.
We currently provide bindings to react-three/fiber, enabling a familiar Developer Experience for react developers.
npm install @coconut-xr/koestlich
- Getting Started introduces koestlich's features by example
- Advanced introducing classes, default styles, and custom property APIs
- Components Description of available components and their API
- Library Development information for developing custom component libraries
- WebXR Interactions - @coconut-xr/natuerlich
- Text Fields & Text Areas - @coconut-xr/input
- Pre-designed UI Components - @coconut-xr/apfel-kruemel
- Lucice Icons for Koestlich - @coconut-xr/lucide-koestlich
Use expo-three and overwrite the PlatformConstants.TextureLoader with the TextureLoader from expo-three:
Example