_

Tokyo, JPMotion · Glitch · Real-time 3D

Frontend Engineer[ Your Name ]

I build interfaces that feel alive — fluid motion, deliberate glitches, and GPU-driven 3D woven into products people actually use. Front-end is my craft; performance and polish are non-negotiable.

YEARS_SHIPPING
6+
PROJECTS
40+
FPS_TARGET
60
COFFEE/DAY
SCROLL ↓
MOTIONGLITCHWEBGLSHADERS3DINTERACTIONPERFORMANCETYPESCRIPTMOTIONGLITCHWEBGLSHADERS3DINTERACTIONPERFORMANCETYPESCRIPT
01

ABOUT

I'm a frontend engineer who treats the browser as a creative runtime. Most of my day is React and TypeScript, but the part I love is what happens at the edges — the transition nobody asked for that makes a UI feel inevitable, the shader that turns a loading state into a moment.

I care about the boring stuff too: bundle size, accessibility, 60fps under pressure. Polish isn't decoration — it's how you signal that the whole product is built with the same care.

Outside the editor I'm usually reverse-engineering some demoscene effect or arguing about easing curves.

~/whoami

NAME
Your Name
ROLE
Frontend Engineer
BASE
Tokyo, JP
STATUS
OPEN TO WORK
STACK
React · R3F · GLSL
$echo "let's build something" _
02

SELECTED_WORK

0012025

NEON_GRID

Real-time data viz dashboard rendered on WebGL. Streams 10k points at 60fps with custom shaders.

WebGLReactThree.jsWebSocket
OPEN_CASE →
0022025

GLITCH_OS

An interactive desktop-in-the-browser. Draggable windows, CRT post-processing, terminal emulator.

Next.jsFramer MotionZustand
OPEN_CASE →
0032024

SYNTHWAVE_RUN

Endless-runner built on R3F. Procedural terrain, bloom, and a reactive soundtrack engine.

R3FGLSLWeb Audio
OPEN_CASE →
0042024

TYPE_MACHINE

Generative typography playground. Variable fonts driven by physics and pointer velocity.

CanvasVariable FontsTypeScript
OPEN_CASE →
0052023

GHOST_SHELL

Design system & component lab with live theming, motion tokens, and a11y-first primitives.

ReactRadixStorybook
OPEN_CASE →
0062023

DATAMOSH

Video-art tool that intentionally corrupts frames in the browser for that datamosh aesthetic.

WebCodecsWASMRust
OPEN_CASE →

* placeholder case studies — swap real work in lib/content.ts

03

STACK

CORE

  • TypeScript95
  • React / Next.js95
  • CSS / Tailwind92

MOTION_&_3D

  • Framer Motion90
  • Three.js / R3F82
  • GLSL Shaders70

PLATFORM

  • Node.js80
  • Performance / a11y88
  • Testing78

// LET'S_CONNECT

SAY_HELLO

hello@example.com