Pre-Designed Component Library for Spatial User Interfaces rendered in Three.js
This library provides a collection of pre-designed components for spatial user interfaces built on top of @coconut-xr/koestlich (immersive ui library) and @coconut-xr/natuerlich (immersive interaction library).
Explore all components in the examples, learn more about all components in the documentation, use and test all components in a CodeSandbox, or go through a tutorial for apfel-kruemel and the whole coconut-xr ecosystem.
Buttons | Checkboxes |
![]() |
![]() |
InputFields | Lists |
![]() |
![]() |
SegmentedControls | Slider |
![]() |
![]() |
Progess Indicators | Tab Bars |
![]() |
![]() |
apfel-kruemel is funded by Coconut Capital