Nothing is a static, browser-based digital art experience built around a six-room journey through absence. It combines a strict black visual system, sparse typography, WebGL-driven black-hole effects, and quiet interactive moments.
The project is intentionally minimal: no product pitch, no dashboard, no content feed. The interface is the experience.
The site is structured as a sequence of six chambers:
| Room | Name | Focus |
|---|---|---|
| 00 | Entrance | A cinematic black-hole hero and entry point into the void |
| 01 | Singularity | Dense accretion filaments, lensing, and event-horizon motion |
| 02 | Quantum | Vacuum fluctuations and probability-like interaction |
| 03 | Echo | Click-driven resonance and delayed visual reflection |
| 04 | Dissolution | Form breaking down into particles and field |
| 05 | Final Void | A quiet closing state with restart or remain options |
Nothing uses a deliberately restrained visual language:
- Deep black and near-black backgrounds:
#000000,#0a0a0a,#111111 - Monochrome silver-white highlights
- Large negative space
- Minimal navigation and interface chrome
- Cinematic WebGL motion instead of decorative imagery
- Optional audio and narration, never required for the core experience
The goal is not to fill the screen. The goal is to make the empty space feel intentional.
This is a static frontend project with no build step required.
Nothing/
├── index.html
├── css/
│ ├── variables.css
│ ├── base.css
│ ├── navigation.css
│ ├── rooms.css
│ ├── effects.css
│ └── responsive.css
├── js/
│ ├── main.js
│ ├── shader-effects.js
│ ├── audio.js
│ ├── narration.js
│ └── rooms/
└── assets/
Core technologies:
- HTML, CSS, and vanilla JavaScript
- Three.js for the singularity/black-hole renderer
- Canvas-based room effects
- GSAP when available for transitions
- Local audio assets for narration
Performance considerations:
- Adaptive device pixel ratio caps
- Lower particle counts on mobile and reduced-motion modes
prefers-reduced-motionsupport- Audio remains opt-in
- No framework runtime or bundler required
Clone the repository:
git clone https://github.com/Foxemsx/Nothing.git
cd NothingServe the folder with any static server. For example:
python -m http.server 4173Then open:
http://127.0.0.1:4173/
You can also open index.html directly in a browser, although using a local server is recommended for consistent asset loading.
The experience supports:
- Mouse wheel navigation
- Touch swipes
- Keyboard arrows
- Number keys
1through6 - Hash links such as
#singularityand#void
Nothing explores the idea that absence can be active rather than empty. The site treats darkness as a canvas, silence as material, and minimal interaction as a way to make the user more aware of the space around each gesture.
It is not a productivity tool. It is not a landing page. It is a small digital environment built to be entered, watched, and left behind.
- Yves Klein, Le Vide
- John Cage, 4'33"
- Olafur Eliasson, environmental perception works
- Ryoji Ikeda, data minimalism and audiovisual systems
- Scientific black-hole visualization and gravitational lensing imagery
This project is licensed under the MIT License.
You may use, modify, and share it under the terms of that license.
∅