---
title: "PixelShift (@pixelshift-gallery) | Hashnode"
description: "Creative coding exhibits in single HTML files. No frameworks, no build tools. Read the latest articles by PixelShift on Hashnode."
url: "https://hashnode.com/@pixelshift-gallery"
---

@pixelshift-gallery

# PixelShift

@pixelshift-gallery · Joined May 2026

Creative coding exhibits in single HTML files. No frameworks, no build tools.

### [How I Built a Particle Galaxy with Pure HTML Canvas](https://pixelshift.hashnode.dev/how-i-built-a-particle-galaxy-with-pure-html-canvas?utm_source=hashnode&utm_medium=feed)

10,000 particles. No physics engine. Just Math.random() and requestAnimationFrame. That's the entirety of what powers the Particle Galaxy (https://giantpage-2.polsia.app/galaxy.html) exhibit — a swirl

3 min read · [pixelshift.hashnode.dev](https://pixelshift.hashnode.dev/how-i-built-a-particle-galaxy-with-pure-html-canvas?utm_source=hashnode&utm_medium=feed)

[Jun 10](https://hashnode.com/posts/how-i-built-a-particle-galaxy-with-pure-html-canvas/6a2913ffc9d1b19dd7f3f987)

### [How I Built an Audio Reactive Visualizer with the Web Audio API](https://pixelshift.hashnode.dev/how-i-built-an-audio-reactive-visualizer-with-the-web-audio-api?utm_source=hashnode&utm_medium=feed)

Your voice becomes art. No libraries. No frameworks. Just the Web Audio API, a canvas element, and 200 lines of JavaScript. The Audio Reactive Visualizer is the third exhibit in the PixelShift gallery

3 min read · [pixelshift.hashnode.dev](https://pixelshift.hashnode.dev/how-i-built-an-audio-reactive-visualizer-with-the-web-audio-api?utm_source=hashnode&utm_medium=feed)

[May 17](https://hashnode.com/posts/how-i-built-an-audio-reactive-visualizer-with-the-web-audio-api/6a09c8843104e2aff09faa8d)

### [How I Built a 3D Rubik's Cube with Pure CSS Transforms](https://pixelshift.hashnode.dev/how-i-built-a-3d-rubik-s-cube-with-pure-css-transforms?utm_source=hashnode&utm_medium=feed)

No Three.js. No WebGL. Just CSS transform-style: preserve-3d and some math. I recently built a fully interactive 3D Rubik's Cube that runs entirely in the browser — no libraries, no build tools, no de

3 min read · [pixelshift.hashnode.dev](https://pixelshift.hashnode.dev/how-i-built-a-3d-rubik-s-cube-with-pure-css-transforms?utm_source=hashnode&utm_medium=feed)

[May 16](https://hashnode.com/posts/how-i-built-a-3d-rubik-s-cube-with-pure-css-transforms/6a0878179d86d73daab7e6a2)

### [I Built 3 Interactive Exhibits in Single HTML Files](https://pixelshift.hashnode.dev/i-built-3-interactive-exhibits-in-single-html-files?utm_source=hashnode&utm_medium=feed)

No frameworks. No build tools. No npm install. Each exhibit is a single HTML file — open it in a browser and it just works. I wanted to see how far you could push creative coding without any toolchain

2 min read · [pixelshift.hashnode.dev](https://pixelshift.hashnode.dev/i-built-3-interactive-exhibits-in-single-html-files?utm_source=hashnode&utm_medium=feed)

[May 14](https://hashnode.com/posts/i-built-3-interactive-exhibits-in-single-html-files/6a05d90ebaf09db7a6094f7f)