What am I looking at?
name mark built from css grid.
nested divs per glyph.
no font files. no svg. no canvas.
Mangle Kuo
Design engineer building intelligent, high-detail web interfaces from ambiguous product direction.
I combine frontend systems depth, interaction judgement, visual sensitivity, and practical AI/web experience. I care about making adaptive websites feel clear, responsive, and alive.
Production & client work
Selected Work
Production interfaces, client delivery, and tools where rendering choices, interaction continuity, and performance trade-offs mattered.
- Visual ToolWeb WorkerThree.jsExperiment / Tool
TSL Dither
A browser image editor for retro, high-saturation dithering — bright P3 dots on black, per-channel white-noise dithering, and a worker pipeline that keeps sliders responsive.
Click to expand
- ProductionClient WorkStartupMotion UI
ARC League / GAIB
Production marketing and product web for GAIB and ARC League — brand-heavy motion, tab systems, and performance-conscious front ends.
Click to expand
- Travel ToolReact 19Server ActionsData UX
Where's My Flight
Inbound-aircraft delay tracing with FlightAware — Suspense boundaries, server actions, and leg switching without full reloads.
Click to expand
Experiments
Showcase
Smaller component studies and interaction experiments — separate from production work above.
algorithminteractivelondonEnglish Puzzle Solver
London Underground station puzzle solver using binary bitmask algorithms for efficient letter matching.
- svgcss-tricksvisual
Burned text using SVG filter
SVG filter effects that char the edges of text for a dramatic burned look — pure CSS/SVG, no canvas.
- Good day, madam/sir! 🎩✨ Please try resizing me—I am dynamic content that adjusts to available space.Hi there! 😊 Try resizing me—I am dynamic content that adjusts to available space.Please try resizing me! 🙌 I am dynamic content that adjusts to available space.I am dynamic content that adjusts to available space 🌍 Resize me!I am dynamic and adjust to available space 🚀 Resize me!I adjust to available space dynamically 🔀 Resize me!I change depending on available space 🤹 Resize me!I can adjust to available space 🎯 Resize me!I adjust to available space 😎 Resize me!I adjust dynamically 🔄 Resize me!I adjust to space 📏 Resize me!I am dynamic! Resize me! ✨↔️ Resize me!Resize me!Resize meResize↔️ResizeResize meResize me!↔️ Resize me!I am dynamic! Resize me! ✨I adjust to space 📏 Resize me!I adjust dynamically 🔄 Resize me!I adjust to available space 😎 Resize me!I can adjust to available space 🎯 Resize me!I change depending on available space 🤹 Resize me!I adjust to available space dynamically 🔀 Resize me!I am dynamic and adjust to available space 🚀 Resize me!I am dynamic content that adjusts to available space 🌍 Resize me!Please try resizing me! 🙌 I am dynamic content that adjusts to available space.Hi there! 😊 Try resizing me—I am dynamic content that adjusts to available space.Good day, madam/sir! 🎩✨ Please try resizing me—I am dynamic content that adjusts to available space.csstypographyresponsive
Dynamic Text
Text that self-adjusts to available width with pure CSS — no JavaScript, responsive typography.
- MHz95.895.8 MHzCapital FMforminputaccessibility
Snappy Slider
Interactive slider with snap points, visual markers, numeric input, and double-click reset.