Design-minded engineer. I ship quickly, tinker often, and care about how things feel as much as how they work.
I’m Mantha, a Frontend Design Engineer based in Phnom Penh, Cambodia. My work sits somewhere between design systems, performance, and AI. I take product ideas and turn them into interfaces that hold up under real use.
Over the last 7+ years I’ve built dashboards, editors, booking tools, and 3D experiences for real teams and customers. This profile is a snapshot of that work.
I’ve also been spending most of my coding time inside agentic tools like Claude Code, GPT Codex, and Opencode. A lot of the more recent projects below were built with one of them sitting next to me.
A curated selection from manthaa.dev.
Project Sonam. An ebook reader with 70,000+ free public domain books and an AI librarian to help you figure out what to read next. Tech Stack: Next.js, React, TypeScript, Tailwind CSS, shadcn/ui, NVIDIA AI, Gutendex API
Khmer Segment. An npm library for Khmer text: segmentation, normalization, and grapheme-cluster helpers. Typed, no runtime deps. Tech Stack: TypeScript, tsup, Vitest, Node.js
Soro. Ambient sound mixer for focus or sleep. Stack nature loops, white noise, and binaural beats until it sounds right to you. Tech Stack: Next.js, React, TypeScript, Tailwind CSS, Web Audio API, Motion
ASCII Studio. Image-to-ASCII converter that runs in the browser. Drop in a file or paste from your clipboard, tune the output, and export. Tech Stack: Web Browser APIs, Client-Side Image Processing, ASCII Character Mapping, Responsive UI
Stage Timer. High-contrast stage timer for event operators. Track speaker time and push visual cues to the stage display. Tech Stack: Next.js, React, TypeScript, Tailwind CSS, Convex, Motion
JSON Forge. A JSON editor built on Monaco. See the structure as a graph, validate as you type, and open large files without the tab dying. Tech Stack: Monaco Editor, React, TypeScript, Tailwind CSS
Avocado Chat. AI chat that runs in the browser. Switch models, switch personalities, keep sessions around, stream responses. Tech Stack: Next.js, React, TypeScript, Tailwind CSS, Vercel AI SDK, NVIDIA AI, shadcn/ui
Story Assistant. Drop in a transcript and get back scene-by-scene visual direction with moods, keywords, and asset suggestions. Tech Stack: Next.js, React, TypeScript, Tailwind CSS, Framer Motion, Google Gemini, OpenRouter
Neon Play. Browser games portal with 250+ titles sorted into 14 categories. Tech Stack: Next.js, React, TypeScript, Tailwind CSS, Motion
168 Hours. A weekly planner that maps all 168 hours. Compare your real week to your ideal one and see what it adds up to over a year. Tech Stack: Next.js, React, TypeScript, Tailwind CSS, Zustand, Recharts
See more projects on GitHub repositories.
I'm always open to new opportunities and collaborations. Feel free to reach out to me:
- LinkedIn: LinkedIn Profile