✦ Creative Code Lab
Interactive Playground
A hands-on testing ground for front-end architecture experiments, GPU particle physics, typography comparisons, and responsive design systems.
✦
WebGL Particle Physics LaboratoryLive GPU
Upload an image or pick a preset to transform pixels into interactive stardust.
Presets:
📥Drop your image here
Mode 1: Volumetric Quantum Aura
Particles: 54,000
|FPS: 60
8 Modes
Physics Parameters
Repel / Displacement Force25.0
Cursor Interaction Radius150px
Particle Base Size1.2x
Animation Wave Speed1.0x
Effect Intensity1.0x
WebGL & ShadersInteractive Lab
✦
Particle Physics Lab & Image Stardust
Upload any custom photo, tweak 8 GPU interaction modes, and test live hover/displacement forces, radius, and turbulence in real time.
Launch Experiment→
Typography & UIInteractive
Aa
Typography Studio (19 Fonts)
Compare 19 Google Fonts live across headings, body copy, and UI buttons. Test weights, letter spacing, and apply directly.
Launch Experiment→
Bilingual UI & Script10 Fonts
اردو
Urdu Web Fonts Comparator
Evaluate classic Nastaliq vs clean modern Sans Arabic typefaces with real bilingual excerpts from amirhameed.com.
Launch Experiment→
Interactive Component Demo
"Interact to Edit" Inline Table Cell Editor
Double-click or tap any editable table cell below to edit content inline without dialogs. Press Enter to save or Esc to cancel.
| Component / Module | Tech Architecture | Status | Performance Score |
|---|---|---|---|
| WebGL Nano-Particles | GPU Shaders & GLSL | Optimized (60fps) | 98 / 100 |
| Typography Studio | Google Fonts Dynamic API | Live Sandbox | 100 / 100 |
| Spring Kinetic Cursor | RAF Spring Damped Physics | Fine-Pointer Scoped | 99 / 100 |
Tip: Changes update the live cell immediately. Try double-clicking any cell above.