# Inside Shopify Hack Days: Building a prototype for music-playing pages

DevFeed: [Inside Shopify Hack Days: Building a prototype for music-playing pages](<https://devfeed.tech/articles/inside-shopify-hack-days-building-a-prototype-for-music-playing-pages-1406.md>)

Original publisher: [Read original article](<https://shopify.engineering/hack-days>)

Author: Justin Henricks

Published: 2026-07-14T13:55:57Z

Content type: article

Language: en

Sources: [Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering.md>), [Shopify Engineering - Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering-shopify-engineering.md>)

Topics: [glsl](<https://devfeed.tech/topics/glsl.md>), [real-time](<https://devfeed.tech/topics/real-time.md>), [App](<https://devfeed.tech/topics/app.md>), [Web](<https://devfeed.tech/topics/web.md>), [API](<https://devfeed.tech/topics/api.md>), [Template](<https://devfeed.tech/topics/template.md>)

Tags: [3d](<https://devfeed.tech/tags/3d.md>), [api](<https://devfeed.tech/tags/api.md>), [app](<https://devfeed.tech/tags/app.md>), [audio](<https://devfeed.tech/tags/audio.md>), [generation](<https://devfeed.tech/tags/generation.md>), [glsl](<https://devfeed.tech/tags/glsl.md>), [hackathon](<https://devfeed.tech/tags/hackathon.md>), [interactive-3d](<https://devfeed.tech/tags/interactive-3d.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [shopify](<https://devfeed.tech/tags/shopify.md>), [web](<https://devfeed.tech/tags/web.md>)

## AI overview

Shopify's Hack Days team built a prototype for music-playing product pages in three days. The project combined a Shopify app, audio playback, per-track purchasing, GLSL visualizers driven by real-time audio, synced lyrics, and tour-date information.

## Source excerpt

How a Hack Days team built a music player, custom GLSL visualizers, and an artist toolkit for storefronts, all in three days.