RY
Get in touchAvailable · Toronto, Canada
About — Toronto, Canada

A builder with a
designer’s eye.

I'm Ruilin — a Toronto-based builder and designer. I design and ship web products end to end: interface, motion, and the architecture beneath. A background in film and photography shapes how I think about pace, composition, and the small moments that make software feel considered.

RY
Ruilin Yuan
Builder & designer — Toronto
Available for work — Design to deploy — Available for work — Design to deploy —
Role
Full-stack builder & designer
Based
Toronto, Canada · remote-friendly
Focus
Web products, end to end
Background
Film & photography
Status
Available for select projects
The short version

I started behind a camera. Years of film and photography taught me things that no engineering course did — how pace creates feeling, how composition guides an eye, how the smallest cut changes the whole story. That instinct never left.

These days I point it at the web. I design and build products end to end: the interface and its motion, the data model and the deploy. Sitting on both sides of the design–engineering line means nothing gets lost in a handoff — the idea in the sketch is the thing that ships.

What I care about now is the same thing I cared about in the edit suite: that the finished work feels considered. Fast where it counts, calm where it should be, and honest about what it does. Then I put it in production and keep refining once it's real.

Toolbox

What I reach for.

Design

  • UI/UX
  • Design systems
  • Figma
  • Prototyping
  • Typography
  • Motion

Engineering

  • Next.js
  • React
  • TypeScript
  • Tailwind
  • GSAP
  • Node.js

Backend & infra

  • Prisma
  • PostgreSQL
  • Auth.js
  • Stripe
  • Cloudflare R2
  • Vercel