FX SHOWROOM & LAB RECIPES

Reusable retro-tech effects, zero-asset Web Audio SFX, and cyberpunk HUD components.
// 01. Typography & Glitch Shaders CSS / JS DECODERS
Split-Layer RGB Glitch Pure CSS
Dual pseudo-element slice with chromatic color shifting and randomized keyframe clip-paths.
B0R3D_SYSTEMS
Matrix Text Decoder Lightweight JS
Simulates real-time cybernetic decryption. Click or hover to re-trigger the decoding animation.
ACCESS_GRANTED // OVERRIDE_77
Terminal Typer + Audio JS + Web Audio
Types characters with realistic variance and procedural mechanical keypress clicks.
// 02. Procedural Web Audio SFX ZERO ASSETS / SYNTHESIZED ON-THE-FLY
Mechanical Key Click 8ms Burst
Filtered white noise burst + square wave transient. Perfect for button clicks and interactions.
Threat Deflection Chirp Frequency Sweep
Pitch slide from 880Hz down to 220Hz with fast exponential decay. Ideal for counters or alert dismissals.
Sub-Bass Field Pulse Sub-Sine 55Hz
Low frequency sine wave pulse (55Hz) with subtle detuned oscillator beating for containment dread.
// 03. Cybernetic HUD Widgets RADAR / VU / LED
Sonar Radar Ping CSS Radar
Rotary radar sweep with randomized blip radar pulses for perimeter monitoring.
Signal VU Spectrum CSS EQ
Multi-channel signal meter indicating data bus activity, server load, or audio streams.
Glow LED Array LED Cell Display
Hardware counter styling with individual neon segments and backdrop shadow depth.
034809
Copied to clipboard!