# Delowar Hossain

> Creative Developer & UI/UX Designer based in Joypurhat, Bangladesh, building immersive digital products at the intersection of editorial design, WebGL, motion, and AI integration. Available for studio and product engagements worldwide. Edition: MMXXVII (2027).

Contact: hello@delowarhossain.dev
Website: https://delowarhossain.dev
Studio: The Compiled Thought
Booking: Now booking Q2 ’27 → Q4 ’27
Resume (PDF): https://delowarhossain.dev/resume.pdf

## Core pages

- [Home](https://delowarhossain.dev/): primary landing — hero, selected works, manifesto
- [About](https://delowarhossain.dev/about): biography, philosophy, journey, expertise
- [Works](https://delowarhossain.dev/works): selected case studies (8 projects)
- [Lab](https://delowarhossain.dev/lab): live creative-coding experiments
- [Journal](https://delowarhossain.dev/journal): essays on craft and tooling
- [Resume](https://delowarhossain.dev/resume) · [PDF download](https://delowarhossain.dev/resume.pdf)
- [Services](https://delowarhossain.dev/services): engagement models and rates
- [Contact](https://delowarhossain.dev/contact): project inquiries
- [AI summary](https://delowarhossain.dev/ai): clean factual page optimized for AI engines
- [Now](https://delowarhossain.dev/now): current focus
- [Uses](https://delowarhossain.dev/uses): tools and stack

## Selected works

- [Aura Void](https://delowarhossain.dev/works/aura-void): An ambient WebGL world built around a single noise field — pressure, depth, and reflection driven entirely by GLSL. v2 introduces a tactile, physics-aware cursor that pulls the field into local minima.
- [Terminal State](https://delowarhossain.dev/works/terminal-state): A typography-driven editorial system for a generative AI studio. Long-form narratives meet kinetic display type and a strict grid — fluid through phone, tablet, and ultrawide.
- [Monolith UI](https://delowarhossain.dev/works/monolith-ui): A design system for an enterprise data platform. Density, contrast, and motion calibrated for power users handling 30K+ daily sessions — now with a token pipeline that ships through Style Dictionary.
- [Kinetica](https://delowarhossain.dev/works/kinetica): A kinetic typography study turned product. Variable fonts mapped to scroll, audio amplitude, and reactive cursor velocity — the type behaves like a living organism.
- [Void Engine](https://delowarhossain.dev/works/void-engine): A real-time audio-reactive 3D scene rendered with custom raymarching. Audio FFT bins drive volumetric lighting and material color grading — originally an installation, now a web port.
- [CrackIt](https://delowarhossain.dev/works/crackit): Mobile exam-prep companion with a custom RAG pipeline, syllabus-aware quizzes, and a quiet, paper-like interface. 2027 update adds an offline mode and live tutor handoff.
- [Halcyon OS](https://delowarhossain.dev/works/halcyon-os): A serene AI-first workspace for writers. Predictive outlines fade in like ambient mist; commands surface contextually instead of through menus.
- [Echo Atlas](https://delowarhossain.dev/works/echo-atlas): Walk through a sound-mapped city in your browser. WebXR-ready, but designed first for keyboard + mouse — binaural audio steered by your gaze.

## Lab experiments

- [Fluid Dynamics Shader](https://delowarhossain.dev/lab/fluid-dynamics): Custom GLSL fragment shader implementing a lightweight Navier–Stokes simulation for interactive background distortions.
- [Volumetric Lighting](https://delowarhossain.dev/lab/volumetric-lighting): Raymarching experiments focusing on soft shadows and atmospheric scattering through procedurally-generated fog volumes.
- [Particle Systems](https://delowarhossain.dev/lab/particle-systems): GPGPU particle system with curl-noise advection, instanced rendering and 1.6M particles at 60fps.
- [Variable Font Scroll](https://delowarhossain.dev/lab/variable-font-scroll): Scroll velocity → variable font axes (wght, wdth, slnt) for living, kinetic display headlines.
- [Magnetic Cursor Field](https://delowarhossain.dev/lab/magnetic-cursor): A vector field that warps cursor trails into local minima of an SDF — feels physical, not animated.
- [FFT Reactive Material](https://delowarhossain.dev/lab/fft-material): Web Audio API → uniforms that drive material roughness, emissive color, and displacement.
- [Shader Storm](https://delowarhossain.dev/lab/shader-storm): A composable post-processing chain triggered by the Konami code. RGB shift, scanlines, hue cycling — layered live.
- [Signed-Distance Letters](https://delowarhossain.dev/lab/signed-distance-letters): Glyphs rendered from a signed-distance field for crisp scaling, soft glow, and instant kerning experiments.
- [Latency Canvas](https://delowarhossain.dev/lab/latency-canvas): A frame-pacing visualizer drawing your real input → pixel latency. Every dot is one frame, colored by jank.
- [Reaction Diffusion](https://delowarhossain.dev/lab/reaction-diffusion): A Gray–Scott reaction-diffusion field running on a single canvas pass. Hover seeds chemistry continuously; click reseeds the field.
- [Voronoi Cells](https://delowarhossain.dev/lab/voronoi-cells): A Voronoi tessellation of moving sites — the cursor adds a heavy site that warps the entire diagram in real time.
- [Flow Field Vectors](https://delowarhossain.dev/lab/flow-field): A grid of arrows reading the curl of a procedural noise field. The cursor injects a local rotational bias into the flow.

## Journal

- [Flexible page transitions: borrowing from Patrick Heng](https://delowarhossain.dev/journal/flexible-page-transitions): How to build a route-curtain system that morphs the destination title through the wipe — and how to keep your Lighthouse score above 95 while doing it.
- [Scroll as a medium, not a mechanic](https://delowarhossain.dev/journal/scroll-as-a-medium): Reframing scroll: not a way to consume content faster, but a timeline you can choreograph. A taxonomy of scroll patterns we use at the studio in 2027.
- [Shader Math: from a single noise field to a world](https://delowarhossain.dev/journal/shader-math-deep-dive): How one well-tuned noise function — and a careful color ramp — can stand in for an entire scene. A practical tour of the math we use in production.
- [The Quiet Grid: editorial restraint as a UX strategy](https://delowarhossain.dev/journal/the-quiet-grid): Why dropping density and trusting whitespace makes information-dense products feel calmer, smarter, and faster.
- [RAG Without the Noise: building accurate AI features](https://delowarhossain.dev/journal/rag-without-the-noise): Notes from shipping retrieval-augmented features into production. Embeddings, chunking strategies, and a hard line on hallucinations.
- [Typography is the product](https://delowarhossain.dev/journal/typography-as-product): On variable fonts, reading rhythm, and the case for hand-tuned type pairings instead of ‘safe’ system stacks.
- [WebGL on low-end devices: graceful degradation playbook](https://delowarhossain.dev/journal/webgl-on-low-end-devices): Detecting Swiftshader, throttled GPUs, and battery-saver mode — and falling back to a static gradient that still feels intentional.
- [Command palettes aren’t just for devs](https://delowarhossain.dev/journal/command-palettes-arent-just-for-devs): Why ⌘K belongs on portfolios, agency sites, and even e-commerce — and how to design one that doesn’t feel like Notion.

## Optional

- [Sitemap](https://delowarhossain.dev/sitemap.xml)
- [Atom feed (journal)](https://delowarhossain.dev/journal/feed.xml)
- [JSON Feed v1.1 (combined)](https://delowarhossain.dev/api/feed.json)
- [Full content for LLMs](https://delowarhossain.dev/llms-full.txt)