All projects

Case study · Ongoing

Avatar Lab

I am building Avatar Lab, a studio for procedural 2D characters. Sculpt a body, tune the eyes, chain expressions into animations and export the result as SVG, PNG or JSON.

Avatar Lab, cover

Overview

How it came together.

01

The goal

Apps want a friendly face, a mascot or an assistant that blinks and reacts, but drawing and animating one by hand is slow. Avatar Lab makes a character in minutes and hands it over in a form any project can use.

02

The approach

Sixteen body shapes from sphere and cube to heart, ghost and cat, each turnable in 3D; 58 expressions built only from the eyes; 23 ready-made animations with their own body motion and automatic blinking, or your own chains with hold times and easing. Exports as SVG, PNG up to 2048px, or a .avatar.json to take the whole character along. Built with Next.js, React and TypeScript.

03

The result

In progress. The characters on this portfolio are drawn by its engine.

Showcase

A closer look.

Avatar Lab, screen 1
Avatar Lab, screen 2

Built with.

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS

Want something like Avatar Lab?

I can build you one shaped around your own business, from the first sketch to launch day.

Get a similar build
  • Design and build in one
  • Works on every phone
  • Yours to own