◌ Folio MMXXVII
Loading folio
000
◌ Folio MMXXVII
Creative Developer. Award-grade web experiences where typography, motion, and engineering converge.
§01 — Manifesto
I believe an interface should disappear, leaving only the canvas and the content. I build digital products at the intersection of brutalist editorial design and fluid, high-performance creative development — where typography, motion, and engineering converge into a single physical-feeling experience.
◊ Practitioner
Delowar Hossain - self-taught creative developer from Joypurhat, Bangladesh, with a path from B.A. Political Science into independent web practice and current B.Sc. Computer Science (in progress) at University of the People. Building for the web since 2023.
Direction
Massive whitespace. Strict grids. Type that demands attention. Decisions, not decoration.
Engineering
Sub-50 ms interactions. 60 fps motion. Lighthouse 95+. Craft, measured.
System
Choreographed scroll, GSAP timelines, custom shaders — repeatable, accessible, calm.
§02 — Selected Works
§03 — Reel · 02:17
A vertical reel index for selected motion work, 2026–2027. Public chapters use verified static covers while project footage is cut.
§04 — Milestones · 2023 → 2027
§01·2023
Started the programming journey at 17. Daily HTML + CSS reps, vanilla JS experiments, and the first deployed personal site at 2023.delowarhossain.dev.
§02·2024
Picked up React, Tailwind, and the Next.js mental model. Shipped the 2024.delowarhossain.dev rebuild and the first client landing pages.
§03·2025
Went all-in on GSAP, Lenis, and raw WebGL2. Rebuilt the portfolio at 2025.delowarhossain.dev around shader-driven heroes and editorial typography.
§04·2026
Shipped the 2026.delowarhossain.dev edition — editorial-first, scroll-pinned process timelines, and the first WebGL displacement transitions.
§05·2027
Next.js 16 · React 19 · GSAP · Lenis · raw WebGL2. Open for Q1 ’27 → Q4 ’27. Two ambitious products in active development.
§05 — /now
Updated roughly once a month. The full /now page has the recent commits feed, the books I'm reading, and what's on the deck.
Open /nowBUILDING
Aura Void v2 — cursor-attractive fluid sim shader
WRITING
‘Flexible page transitions’ essay (April ’26)
READING
‘Designing Sound’ — Andy Farnell
LISTENING
Floating Points — Cascade
24
Selected Works
05
Years Coding
05
Portfolios Shipped
98
Avg. Lighthouse
§06 — Collaboration
Discovery starts with source-of-truth data, measurable outcomes, accessibility constraints and performance budgets before visual polish.
Discovery
Collaboration note, The Compiled Thought
Creative direction is paired with engineering checks: every motion idea needs a fallback, a reduced-motion state and a measurable frame budget.
Build
Collaboration note, The Compiled Thought
Handoff includes code, content assumptions, verification notes and rollback paths so a launch can stay calm after the first deploy.
Handoff
Collaboration note, The Compiled Thought
Public praise stays unpublished until it has a real person, permission and a source that can be verified outside the portfolio.
Proof
Verification rule, The Compiled Thought
§08 — Expertise
01
Pushing the boundaries of the browser. Custom 3D environments, complex shader materials, and fluid particle systems that respond to interaction with microscopic precision.
02
Crafting minimalist, intuitive interfaces that prioritise content and motion. Rigid grids and editorial whitespace to frame digital narratives effectively.
03
Defining the visual language. From typography selection to color grading and motion choreography, every pixel aligns with the core brand identity.
04
Production-grade systems with AI integration. Full-stack architecture, edge deployments, real-time pipelines, and pragmatic dev-ex.
Process · Discovery → Design → Prototype → Production
View Services§09 — Process
Understand narrative constraints. Map the audience, the systems, and the technical envelope before a single pixel.
Deliverables
Tools
Phase 1 of 4
Phase I · Discovery · 1–2 weeks · 01 / 04
◊ §12 — Portfolios
The studio rebuilds its portfolio from scratch every year — a different codename, a different visual register, a different idea about what a portfolio should be. 5 editions and counting, each one still live at its own subdomain.
Editorial newsroom architecture. WebGL hero, Lenis-smoothed scroll, scroll-driven process timeline, 30 live lab experiments. Built for sub-100ms interaction, AA contrast, and dual JSON-LD + AI-engine surfaces.
Single-page editorial micro-folio. Variable-font scroll, three case studies, an inline showreel. Pruned to the bare essentials between two larger systems.
Monolith design-system showcase. Dark UI, dense data, terminal aesthetics. Built around a colour-token system, a custom kinetic cursor and an audio-reactive prelude.
Experimental folio leaning hard on Three.js: GPU particles, post-processing chain, a custom shader-based page transition. Optimised for desktop showpiece browsing.
§10 — Journal
§11 — Beyond Home
Identity
Practice