---
title: "PRAGS"
description: "Scroll-to-play instrument website — Howler.js, Three.js, and GSAP for a mini live session feel"
---

# PRAGS

> Scroll-to-play instrument website — Howler.js, Three.js, and GSAP for a mini live session feel

| | |
| --- | --- |
| Role | Design Engineer |
| When | 2026, 1 month |
| Kind | Web |
| State | Completed |

Built prahatheesvar.in for pianist Prahatheesvar (Prags) — a website that behaves like an instrument instead of a static brochure. Scroll-to-play experience where scrolling, hovering, and clicking trigger musical notes, chords, and motion. Piano at the bottom responds to input; Howler.js for audio, Three.js for 3D visuals, GSAP for smooth performance-ready animation.

## What I built

- Scroll-to-play musical interactions
- Responsive piano keyboard
- 3D visual atmosphere
- Performance-ready animation

## Impact

### Hard parts

- Syncing audio, motion, and scroll without jank
- Making experimental UX still navigable
- Honoring a musician's brand through interaction

### What it taught

- Experimental web as instrument
- Web audio + 3D composition
- GSAP choreography at scroll speed

## Stack

Howler.js, Three.js, GSAP, Interaction Design, Web Audio

## On the 1970 tube

In the site's 1970 era this work plays as a small moving picture. A keyboard plays a phrase and draws its wave; the pointer plays the key it is over.

## Links

- [Live site](https://www.prahatheesvar.in/)
- [This work on the site](https://www.kiruk.in/work/prags-website)
- [All work, as markdown](https://www.kiruk.in/work.md)