Most music sharing cards feel interchangeable
Listeners needed a fast way to search, preview, and export a more tactile vertical composition from a phone.
Combine a simple flow with a physical object
SvelteKit manages the search and selection flow, while Threlte and Three.js render album art as a rotating vinyl with reflective materials. The WebGL result can be exported as a high-resolution PNG.
Search, render, and export in one flow
Users can turn an iTunes search result into a vertical 3D music card ready for social sharing.
Trace
Role
Music search, 3D vinyl rendering, mobile composition, and image export
Focus
Svelte 5 · Threlte · Three.js · Image export
Stack
SvelteKit · Svelte 5 Runes · TypeScript · Threlte · Three.js · Tailwind CSS · iTunes Search API