Skip to content

Playground

Things I make on the side to learn new tools.

Small games, tools and components, built in the evenings. Some shipped, some retired, all worth the lessons.

  • Three.js · Blender · Claude Code

    Fetch Quest

    A small browser game starring Sage, my one-ear-up island dog, who will chase a tennis ball until the sun goes down.

    Read about Fetch Quest
  • Web Audio · AI

    Browser drum machine

    A working drum machine in the browser, modeled on classic hardware like the 808. I grew up playing drums.

    Read about Browser drum machine
  • Laravel · Supabase

    Chronicle

    A tool for logging design decisions as they happen and sharing them with a link. Since retired, but worth the lessons.

    Read about Chronicle
  • Framer · Cursor

    A scroll-aware Framer component

    A floating table of contents that highlights where you are on the page, built after hearing about it on a podcast.

    Read about A scroll-aware Framer component
  • Design tokens · Figma · AI prototyping

    From making every screen to defining the constraints

    With a two-person design team and PMs prototyping their own ideas, I moved from drawing screens to setting the tokens and patterns everyone builds with.

    Read about From making every screen to defining the constraints

Sandbox

A place to experiment, learn and stay connected to what made me love design in the first place.

  • Logo merging two rival mascots in profile, a warrior and a snarling bear, in green and tan
    Logo merging my cousin's sons' rival high school mascots
  • Snarling black wolf head with blue eyes and a red tongue on an olive background
    Wolf illustration
  • Three dark green fitness app screens, browsing workouts, previewing an exercise and saving a routine
    FitFuel mobile UI exploration
  • Animated Akoya logo
  • Accommodations hero for The Estate Yountville
  • Landing page for The Skylyne at Temescal, an Oakland high-rise, with the headline It's all within your grasp
    Landing page for a luxury apartment building
  • Three dark esports app screens, a team dashboard, scheduling a match and browsing open scrims
    Esports scrimmage finder exploration
  • Experimenting with vibe coding in Bolt
  • Skeleton key render in Cinema 4D
  • A cocktail glass holding a tiny sea, with a sinking sailboat and a treasure chest, before an orange sun
    From an illustration series I made when I first got Procreate
  • Orange desert dunes and a sun inside a circular sci-fi interface, above the Dune wordmark
    Dune illustration
  • Retro ad-style illustration of a smiling woman hugging a giant box of Clean Club hand soap
    What timeline are we living in?
  • Embroidered patch of a roaring brown bear head with a gold outline
    Bruins patch. I still have some if you want one.
  • Purple and gold birthday card graphics with an eye-and-moon emblem and circular type
    Custom birthday card graphics for my wife

Hiring for product, or need a brand or website? Let's talk.

To
ryanmagalhaes.design@gmail.com
Subject
Hello from your portfolio