Portfolio • Black & Red • 3D Motion

Building random stuff

This is a starter portfolio built with $motion, particles, and high-end visuals. The portfolio will be rolling release.

Focus Frontend • Motion • WebGL

Particles Live

Live Particle Shell

Black & Red Field

Scroll & move your mouse and see how the particles move around ✦

Selected Work

Projects

Each project card here is a placeholder as of now and it is not interactive yet. .project-card block in the HTML to add more.

Cinematic Portfolio

3D scroll experience

A concept portfolio that uses layered parallax, 3D transforms, and reactive particles to create a cinematic feel in the browser.

HTML
CSS 3D
Canvas

Red Nebula Visualizer

Audio reactive particles

A particle field that reacts to music frequencies with color shifts, depth blur, and subtle camera rotations.

JavaScript
Web Audio
Particles

Interface Playground

Micro-interactions lab

A collection of interface experiments exploring hover states, magnetic buttons, and scroll-triggered reveals.

GSAP
UI Motion
Accessibility

Network Playground

Ping & Inspect

This section demonstrates fetching data from a site using a proxy to avoid CORS issues. The code can be found in the script.js file.

Target URL (will be requested via proxy) Active Proxy (auto-selected, read-only)

This feature uses multiple built-in proxy endpoints with automatic failover. If one proxy fails or is blocked, the next one is tried automatically. Therefore holding a fallback machanism.

Status

Idle

Time

– ms

Request

{}

Response Summary

{}

Headers

{}

Wanna reach out?

Contact

Here are some of the platforms you can find me on.

Email

TBA

Discord

@Disophane

@VeilOfDusk

Instagram

@nvkt1ne

Github

@disophane