Work

1. 01noui.siOwn experiment · 2026 · Interfaces that form around what you needReact 19View TransitionsClaudeCloudflareCase studyThree scenarios · a voice-to-voice prototype · an open-source orb
2. 02CertPulseOwn product · Live · Certificate infrastructure for eventsTypeScriptTurborepoTursoQRcertpulse.revupulse.comBulk certificates from results · verify by QR
3. 03HDR brightness preferenceWeb standard · filed 18 Oct 2026 · A CSS preference for sudden HDR brightnessCSSAccessibilityW3C CSSWGCase studyw3c/csswg-drafts#14616

1. 01GoPay payments app revampGojek (GoTo Financial) · 2022 to 2024ReactSPACloudFrontNew Relic5.6M transactions/day · latency 300ms to 63ms
2. 02GoTo PIN authentication SDKGojek (GoTo Financial) · 2022 to 2024Web SDKWebView2FAPIN for 2FA · SMS OTP cost cut by $1.5M
3. 03Live video platformPaytm Insider · 2021 to 2022React100msReal-time50+ concurrent hosts · 3K+ viewers · LCP under 0.5s
4. 04Real-time AI suggestionsQuillBot · 2025 to nowTipTap v3WebSocketRedis~14K req/s peak · TipTap v3 · WebSocket streaming

Logos belong to their companies. QuillBot logo via Wikimedia Commons, CC BY-SA 4.0.

Featured · 2024

PlayUI

A lightweight design system and React component library: typed components, design tokens, light and dark themes, documented in a public Storybook.

ReactTypeScriptStorybookDesign tokens

On npm as playui-react · Button, Card, Icon, theme toggle · more components on the roadmap

StorybookGitHub

• 2026 · MITnoui-orbThe living orange o of the noui mark, as a Web Component.Web ComponentsTypeScriptGitHub
• 2026 · Explainer sitehdr-brightness-a11yThe explainer and live demo for a user preference that limits HDR brightness spikes.CSSAccessibilityGitHub
• 2022 · Also: tabs, placeholderreact-super-responsive-tableA responsive React table component, with sibling tabs and placeholder components.ReactTypeScriptGitHub
• 2022 · Also: name-to-initialsdeterministic-color-generatorThe same colour for the same string, every time. Pairs with name-to-initials for avatars.TypeScriptGitHub