Spatial Elements · SvelteKit
Give your content another dimension.
Build interactive 3D collections and detail pages around real content. Shared layouts, persistent rendering and ordinary HTML bring models and stories together.
A website first. A spatial experience when it can be.
Spatial Elements is a SvelteKit library for presenting models alongside text, images and links. Use it for product demonstrations, collections and visual stories. Page Sections supplies the shared content layout; Three.js and WebGPU add the spatial layer.
Visitors can explore a model, open its detail page and return to the collection. Meaningful HTML, real links and supplied poster images keep the content available when JavaScript or WebGPU is unavailable.
Wera · Demonstration
Kraftform Kompakt
Wera · Demonstration
Kraftform Kompakt
- Compact tool collection
- Kraftform handle
- Interchangeable tooling
Rolex · Demonstration
Chronograph
Rolex · Demonstration
Chronograph
- Detailed dial and bezel
- Two-tone metal bracelet
- Reflective surfaces and glass
Logitech · Demonstration
ERGO K860
Logitech · Demonstration
ERGO K860
- Curved, split key layout
- Integrated wrist rest
- Full-size keyboard with number pad
Logitech · Demonstration
Z407 Speakers
Logitech · Demonstration
Z407 Speakers
- Two satellite speakers and subwoofer
- Wireless control dial
- Bluetooth, USB and analogue inputs