shipping/JKT — 03:41 GMT+7/48.3 °C CPU/v 07.0 · build 2026.04.20
lat −6.200 · lon 106.816/ntwk · online/open for Q3 '26
[ 00 — opening statement ]portfolio · seventh edition
24 selected works04 spotlightedscroll
[ fig 00.1 ]
— a statement

creative engineer working where ai systems, onchain primitives, and craft‑forward interfaces overlap — usually alone, occasionally in small teams.

— based

jakarta, id — working with teams in SF, NYC, and across EU.

devrangga hazza mahiswara// creative engineer

making theedges ofthe web feelgood to touch.

— a shorter version

eight years shipping interactive surfaces for agencies, research labs, and independent teams. these days most of the work sits between autonomous agents, onchain value, and interfaces that respect the eye.

now · live
04.20.26
initializing…
— shippingvolume — an onchain music playerlistening actions settle to Base as micro‑royalties. private beta opens next month.
readingA Pattern Language
exploringWebGPU · R3F
listeningnils frahm — empirical
rate2 slots left / Q3
[ 01 — work ]selected · 04 of 242024 / 2026
all·ai·onchain·craft·tools

work.

— a short note

four projects that demonstrate range — not the full archive. each is live, each has a case study, each is the kind of thing i want more of.

full archive / 24 →
/ 01 — onchain music playerbase mainnet · live
volume.an onchain music player where every listen settles to base as a micro-royalty. 2.1 second receipts.
0 : 48 / 3 : 11 · plays · 18,402 · royalty · 0.0021 ETH
01volume2027
an onchain music player where every listen settles to base as a micro-royalty. 2.1 second receipts.
next.jswagmizoraWebAudio
playable on this pagedrag · press ␣ · press /
interactive embed · 2800 lines · R3F + Rust WASM
agent graph · live03 agents · 14 hops · 0 errors
trace.
a cli agent that plans, acts, and shows its receipts — so you can watch autonomy happen, not just trust it.
04trace2025
a cli agent that plans, acts, and shows its receipts — so you can watch autonomy happen, not just trust it.
rustwasmreact three fibergsap
[ 02 — manifesto ]what i avoidwhat i refuse
— scroll·trigger · pinned● split text · 36 glyphs

the internetis flooding withaverage.

generative tools are cheaper than decisions. the bottleneck moved from "can we build it?" to "should we ship this?" — i work at the inflection: taking systems that can write infinite mediocrity and shaping them into tools where the human touch still costs the most and matters the most.

— belief 01

interfaces should respect the intelligence of the person using them.

no onboarding tour, no reassuring copy, no crutch text. the user is smarter than the worst case, not the best one.

— belief 02

ai should make people feel capable, not dependent.

the best input after a prompt is a cursor, not more prompt. the second most useful output is silence.

— belief 03

open source is the default; ownership is the feature.

if i build something you can host yourself, i will. lock‑in is a failure mode, not a business model.

[ 03 — practice ]4 surfaces2 open this quarter

services.

— a shorter thing

four overlapping surfaces. i prefer 4–10 week engagements, solo or in small teams. i say yes to work that will still matter in 18 months.

01
engineeringproduct
full‑stack shipping on next.js, rails, rust, and the onchain stack. i build from the schema to the scroll behavior and know which corners to cut.
4–10 wk● 1 open
02
interfacecraft
WebGL, scroll choreography, text split, micro‑motion. the 0.3 seconds where a product earns or loses trust. GSAP + Lenis + R3F — used like tools, not decoration.
2–6 wk● 1 open
03
agentstool design
MCP servers, agent‑native interfaces, tool surfaces that don't feel like chatbots. i design for the thing an agent uses, then for the human watching it work.
2–8 wkQ4 waitlist
04
advisoryquiet
small retainers with early‑stage founders i already respect — one call every two weeks, candor over slides. three seats, one usually open.
ongoing3 / 3 filled
[ intermission ]a mark, the eighth year
— scroll to keep goingsplit text · 128 glyphs
devrangga.
devrangga hazza mahiswaracreative engineer · working since 2018jogja, id · earth
[ 03 — track ]archive

credits.

— a short preface

eight years, a handful of real teams. subtle credits, not a logo wall — each of these was a long stretch of work, not a passing‑by.

14products shipped to production
4.1kstars across 3 open‑source tools
12public talks · conference · workshops
late‑night scrolls through the DOM
2025 → 2026
Hypha Labs
lead · agents platformshipped Trace agent platform. hiring the next two engineers, writing the docs, drawing the boxes.
2024
Zora Protocol
design engineer · contractmobile mint flow. 1.2M mints in the first 90 days after launch. favorite project of 2024.
2023
Reservoir
interface engineer · four monthsmarketplace tooling and the SDK docs. the stuff nobody photographs but everybody uses.
2022
Vercel
motion engineer · contractthe v0 launch site. three months pretending i'd sleep when it shipped. i did not.
2021
Paper Design
product engineer · earlyearly surfaces for the canvas. learned to draw boxes before i learned to draw features.
2018 → 2020
Tokopedia
frontend · first job17 surfaces across checkout + product, in production for 40M monthly users. trial by fire.
[ 04 — the person ]about

hi, i'm
dev.

devrangga hazza mahiswaracreative engineer · jogja, id · he/him● online · replies within 24h

i design and engineer interfaces — usually at the intersection of ai systems, onchain primitives, and craft‑forward web work. about half my day is typography, the other half is making systems that feel inevitable.

i spent the last four years shipping across an agency, a seed stage lab, and an open‑source toolkit. before that, i studied architecture — which made me allergic to the grid obsession and the allergy to making interfaces feel lived‑in, all in 200ms on a 3g connection in a crowded coffee shop.

these days i'm most interested in ai systems that preserve the user's agency, onchain primitives that treat attention as a first‑class resource, and the unglamorous work of making interfaces load in 200ms on a 3g connection in a crowded coffee shop.

— available for
freelance projects · 4–10 weeks · design‑engineering or motion‑heavy advisory roles · early‑stage teams · 2–4 hours a weekcollaborations with artists working with ai or generative systems
— not looking for
full‑time employment · i'm happiest running my own calendar · pure marketing websites · unless there's a brief i'm reaching for · "a little bit of everything" agency work
★ own's the best tool i've seenFraunces > allrails · next · rustbarcelona frames x3keyboardist (split ergo)
[ 05 — writing ]06 recentweekly, mostly

notes.

— from the desk

short pieces on what i'm building, making, and reading — usually on fridays, sometimes a full essay about a single decision.

subscribe → rss · letters
[ 06 — q & a ]frequent, not exhaustive

faq.

— can't find it?

i read every email. if it's a real question from a real person, you'll hear back within 24 hours — usually faster than my own mother.

ask directly · abdullahdevrangga@gmail.com
[ 07 — contact ]reach out · read back
reply sla · < 24h● open for Q3 '26

let's buildsomething quiet.

— the emailabdullahdevranggagmail.com

the best way to reach me is email. i read everything. if it's a real project from a real team, expect a reply within a day. if it's a cold pitch for web3 casino design — expect a slower reply.

— most interested in· agent‑native tooling · design‑engineering at a seed‑series A· onchain collaborations · a podcast or a conference talk on craft· a cold email from someone building something weird and underexplored
quick intake
step 01 / 02
— you are
— the shape
› we want a hero + about + work for an ai agents startup.› 4 weeks · budget around $14k · starting early june_