Design-minded engineer who builds fast, experiments often, and cares about how things feel, not just how they work.

I’m Mantha, a Frontend Design Engineer based in Phnom Penh, Cambodia. I work at the intersection of design systems, performance, and AI — turning product ideas into responsive interfaces that feel polished down to the last pixel and frame.

Over the last 7+ years, I’ve shipped dashboards, editors, booking tools, and 3D experiences used by real users, teams, and businesses. This profile is a snapshot of that work.

A curated selection from manthaa.dev — see the site for the full list.

Story Assistant — Turns transcripts into AI-crafted, scene-by-scene visual direction with moods, keywords, and asset suggestions. Tech Stack: Next.js, React, TypeScript, Tailwind CSS, Framer Motion, Google Gemini, OpenRouter

khmer-segment — Published npm library for Khmer text segmentation, normalization, and grapheme-cluster utilities. Typed, zero-runtime-deps. Tech Stack: TypeScript, tsup, Vitest, Node.js · GitHub

Shadcn Luma — UI component library on shadcn/ui, Radix, and Tailwind v4. Rounded geometry and soft elevation, inspired by macOS Tahoe. Tech Stack: Next.js, React, TypeScript, Tailwind CSS v4, Radix UI, MapLibre GL

Soro — Ambient sound mixer for focus, rest, and sleep. Layer nature, white noise, and binaural beats into a personal soundscape. Tech Stack: Next.js, React, TypeScript, Tailwind CSS, Web Audio API, Motion

Stage Timer — High-contrast, real-time stage timer for event operators — manage speaker time and push visual signals. Tech Stack: Next.js, React, TypeScript, Tailwind CSS, Convex, Motion

Neon Play — Browser gaming platform with 250+ curated games across 14 categories. Tech Stack: Next.js, React, TypeScript, Tailwind CSS, Motion

168 Hours — Visual weekly planner for mapping all 168 hours. Compare your real week to your ideal and see the yearly impact. Tech Stack: Next.js, React, TypeScript, Tailwind CSS, Zustand, Recharts

Meteo Cambodia — Tactical weather analytics dashboard for Cambodia with air quality and exchange rates from official sources. Tech Stack: Next.js, TypeScript, Tailwind CSS, Stitch MCP

Gold Pulse — Dark-mode financial dashboard for real-time XAU/USD with AI sentiment analysis and live news via Gemini. Tech Stack: React, TypeScript, Tailwind CSS, Recharts, Google Gemini, Twelve Data API

JSON Forge — High-performance JSON editor with Monaco, graph visualization, and safe handling of 10k+ line files. Tech Stack: Monaco Editor, React, TypeScript, Tailwind CSS

Calendra Pro — Scheduling platform that turns real-time availability into a single shareable booking link. No email back-and-forth. Tech Stack: Next.js, Tailwind CSS, Shadcn UI, Supabase, WorkOS, TypeScript

Multimodal Research Assistant — Analyzes academic PDFs and text with Gemini 2.5 Flash. Built for the Google DeepMind hackathon. Tech Stack: Google Gemini 2.5 Flash, Next.js, TypeScript, Tailwind CSS

Real-Time Earth 3D — 3D Earth rotating in real-time UTC sync, with solar/sidereal modes, atmospheric clouds, and a full Earth–Moon–Sun system. Tech Stack: React, Three.js, TypeScript

KampuJobs — Curated, distraction-free job directory with advanced filtering and modern UX. Tech Stack: Next.js, React, Radix UI, Tailwind CSS, WorkOS AuthKit

DepthThumb Editor — Thumbnail editor with 3D depth effects, 150+ fonts, templates, and multi-format export. Tech Stack: Next.js, React, TypeScript, Tailwind CSS, Motion, Fontshare API

QuizLab — Interactive quiz platform with real-time analytics and collaborative features. Tech Stack: React, Node.js, MongoDB, Socket.io, Chart.js

I'm always open to new opportunities and collaborations. Feel free to reach out to me:

• LinkedIn: LinkedIn Profile

Thank you for visiting my portfolio! 😊