// front-end developer — Jutland, DK

Henry.
KazAndThe
Compiler.

Ex-navigator. Neurodivergent. Learning to build things on screens instead of seas. I write code, break it, fix it, and occasionally ship it.

See the work ↓ Build something →

Selected work

Client Work

Kirkens Korshær

Full production website for a Danish NGO. Bilingual (DA/EN), cinematic GSAP scroll animations, custom optical flow field hero, Google Maps integration, lightbox gallery, and mobile menu.

HTML CSS GSAP Canvas Bilingual

Interactive · Creative CV

Sidescroll Résumé Game

A CV built as a Mario-style side-scrolling platformer. Collect coins, jump platforms, and read through the career across four levels. Pure canvas, custom physics, pixel-art aesthetic.

HTML Canvas Game Engine CSS Animation

Interactive · Visualisation

3D Neural Network

Real-time 3D particle network with Three.js and WebGL shaders. Three colour themes, formation morphing, orbit controls, UnrealBloom post-processing. Click nodes to send energy pulses.

Three.js WebGL GLSL ES Modules

Simulation — Maritime

ARPA Radar

Full Automatic Radar Plotting Aid simulation. Real TCPA/CPA mathematics, vessel tracking, collision-detection alerts, and panel UI matching actual bridge equipment. Built from first-hand bridge experience.

Canvas Nav Math HTML CSS

Simulation — Aviation

ATC Radar

Air Traffic Control radar display with flight path tracking, altitude/speed readouts, sector boundaries, and real-time conflict alerts. Phosphor-green CRT aesthetic.

Canvas ATC Logic HTML CSS

Simulation — Meteorology

NEXRAD Weather Radar

Weather radar visualisation modelled on the NEXRAD WSR-88D system. Reflectivity returns, storm cell tracking, and animated precipitation sweeps across a regional map.

Canvas Weather Data HTML CSS

Simulation — Geophysics

SEISMIC Monitor

Earthquake monitoring station UI. Live seismograph waveforms, magnitude detection, event log, and P/S-wave arrival time calculations. Modelled on real USGS monitoring software.

Canvas Signal Processing HTML CSS

Simulation — Maritime

SONAR Display

Active sonar display with bearing/range plotting, contact classification, waterfall history, and bearing-drift analysis. Designed around actual sonar operator workflows.

Canvas Acoustics HTML CSS

Simulation — Intelligence

SIGINT Waterfall

Signals Intelligence spectrum waterfall display. Frequency sweep analysis, signal classification, bandwidth measurements, and waterfall history scrolling. SDR-style interface.

Canvas RF / Spectrum HTML CSS

Simulation — Finance

Trading Floor

Real-time stock trading floor UI. Order book depth, price tape, P&L panels, and tick-by-tick chart. The kind of interface that would actually sit on a desk at a prop firm.

Canvas Finance UI HTML CSS

Design Pattern

Dark Grain Depth

Animated film-grain atmospheric background. Canvas curl-noise grain, vignette depth, chromatic aberration split, FPS HUD, and light/dark theme toggle.

Canvas Curl Noise CSS Vars

Design Pattern

Magnetic Cursor

Custom cursor with spring-physics magnetic attraction to interactive elements. Bokeh focal ring, OKAMI vortex dynamics, smooth interpolated tracking.

Spring Physics rAF CSS

Design Pattern

Infinite Marquee

Multi-row infinite scrolling ticker. Alternating directions, scroll-velocity-reactive speed, hover-to-pause. The kind of component you see on every award-winning agency site.

CSS Animation Scroll Velocity JS

Design Pattern

Glassmorphism & Depth

Frosted-glass layered depth. CSS backdrop-filter blur, gradient mesh orbs, mouse-parallax background, and 3D card tilt-on-hover. A properly built version of this overused trend.

backdrop-filter Mouse Parallax CSS 3D

Design Pattern

Multi-Layer Parallax

Scroll and mouse-driven parallax with multiple depth layers. GPU-accelerated transforms, smooth spring interpolation, and responsive fallbacks.

rAF Transform Scroll

Design Pattern

Page Transitions

Smooth page-to-page curtain reveal and morphing transitions. History API navigation, back/forward support, shared-element motion, proper loading states.

History API CSS Transitions JS

Design Pattern

Kinetic Typography

Scroll-triggered text animation engine. Character-by-character stagger, line-clip reveals, word cascades, and a text-scramble effect. The entrance animations you see on award sites.

Intersection Observer CSS Clip-path JS

Template · Services

SaaS Landing Page

Conversion-focused SaaS product page template. OKAMI atmospheric background, pricing tiers, responsive layout. Zero dependencies — ships as a single HTML/CSS/JS file.

HTML CSS JS 0 Dependencies

Live Demo · Bot

KazBot Chat Widget

The floating button in the bottom-right corner IS the demo. Keyword-matching assistant, typing indicators, OKAMI dark aesthetic. This is one of the services on offer — wired in 1–3 days.

Vanilla JS No Dependencies Embeddable

Tool · SaaS

DopaFlow

An ADHD productivity tool. Tasks, habits, focus timer, journal, review, and calendar — unified. Free dev build on GitHub, stable paid release on Gumroad.

FastAPI React Electron SQLite

Live demo — Chat widget service

The widget in the corner?
That's a service.

I build embeddable chat widgets — FAQ bots, support bots, lorebook-driven AI personalities. Pure JavaScript, zero server required. Drop one script tag into any existing site.

This portfolio runs a live example. Click the amber button bottom-right and ask it about pricing, timelines, or what I build. It actually knows the answers.

What it includes

  • Keyword + intent matching (no LLM required)
  • Typing indicator with realistic delay
  • Accessible — keyboard & screen-reader friendly
  • ARIA live region for message updates
  • Fully themeable — matches your site palette
  • Embeds in one <script> tag
  • Can be upgraded to Discord/Telegram integration
Vanilla JS 0 Dependencies ARIA Embeddable $10–13

About

Not a typical dev story.

I spent years on the water — navigating Danish-flagged vessels: supply ships, rescue vessels, hopper dredgers. I burned out in 2021, spent four years rebuilding, and changed course completely in 2025.

I have AuDHD, which means I think in systems, go deep on things that interest me, and build tools to cope with the ones that don't. DopaFlow started as one of those tools.

Learning front-end through #100Devs. I build for free first — not because my time is worthless, but because I'd rather earn experience and a working relationship than a quick invoice.

~15 yrs

at sea before the keyboard

AuDHD

neurodivergent — systems thinker

DK / SE / NO

languages — both Danish dialects, some Swedish & Norwegian

#100Devs

currently enrolled — front-end track

Need a website built?

Reach out on GitHub. First project is free — seriously.