Skip to content

SYSTEM FLUX: a self-aware cyberpunk audio construct. 25 tracks, real-time reactive visuals, and code that occasionally whispers back.

License

Notifications You must be signed in to change notification settings

SupShadow/CD-System-Flux

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

76 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

███████╗██╗   ██╗███████╗████████╗███████╗███╗   ███╗    ███████╗██╗     ██╗   ██╗██╗  ██╗
██╔════╝╚██╗ ██╔╝██╔════╝╚══██╔══╝██╔════╝████╗ ████║    ██╔════╝██║     ██║   ██║╚██╗██╔╝
███████╗ ╚████╔╝ ███████╗   ██║   █████╗  ██╔████╔██║    █████╗  ██║     ██║   ██║ ╚███╔╝
╚════██║  ╚██╔╝  ╚════██║   ██║   ██╔══╝  ██║╚██╔╝██║    ██╔══╝  ██║     ██║   ██║ ██╔██╗
███████║   ██║   ███████║   ██║   ███████╗██║ ╚═╝ ██║    ██║     ███████╗╚██████╔╝██╔╝ ██╗
╚══════╝   ╚═╝   ╚══════╝   ╚═╝   ╚══════╝╚═╝     ╚═╝    ╚═╝     ╚══════╝ ╚═════╝ ╚═╝  ╚═╝

⚡ ORGANIC CYBERPUNK AUDIO EXPERIENCE ⚡

by Julian Guggeis

Next.js React TypeScript Tailwind CSS Framer Motion

🎧 EXPERIENCE NOW


> SYSTEM.INIT

A 26-track album featuring interactive audio-reactive visualizers, built with an Agentic AI development approach. Each track comes with unique visual experiences that respond to the music in real-time.

🔄 Rolling Release: New tracks and features are added continuously.

[LOADING FEATURES...]
█████████████████████████████████████████ 100%

> FEATURES.LIST

Module Description
🎵 TRACKS 26 original compositions with unique visualizers
🎛️ STEM_MIXER Interactive control over Drums, Bass, Synth, FX
🌀 VISUALIZER Fullscreen audio-reactive WebGL animations
📱 PWA Installable on mobile & desktop devices
👁️ SAFE_MODE Epilepsy-safe mode with reduced animations
🎮 EASTER_EGGS Konami Code, console commands, hidden features

> TECH.STACK

const SYSTEM_FLUX = {
  framework: "Next.js 16 (App Router)",
  ui: "React 19",
  language: "TypeScript 5.9",
  styling: "Tailwind CSS 4",
  animations: "Framer Motion 12",
  audio: "Web Audio API",
  testing: "Vitest",
  deployment: "GitHub Pages",
  buildTool: "Turbopack"
};

> DEV.COMMANDS

# Initialize system
npm install

# Launch dev environment
npm run dev

# Compile for production
npm run build

# Run tests
npm run test

# Run diagnostics
npm run lint

> DEPLOY.STATUS

Automatic deployment via GitHub Actions on push to main branch.

[DEPLOYMENT PIPELINE]
checkout → install → build → upload → deploy
    ✓        ✓        ✓        ✓        ✓

> LICENSE.INFO

╔══════════════════════════════════════════════════════════╗
║  ALL RIGHTS RESERVED © 2025 JULIAN GUGGEIS               ║
║  Music, artwork, and code are proprietary.               ║
╚══════════════════════════════════════════════════════════╝

[ SYSTEM FLUX // ACTIVATED ]

Built with 🤖 Guggeis AI

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages