Wireface Try it

Examples

See what a face can do.

Every example here runs live in your browser. Most of them talk back: type a message and the face answers aloud in a voice of its own, lip-synced word for word, its feelings showing as it speaks. Then change how it looks, how it moves and how it sounds.

  • 13interactive examples
  • 30voices to choose from
  • 3D, 2D, three.jsone face engine

3D faces

The face engine on a canvas: photo skins over a live wireframe, real-time lip sync and feelings.

3D face

Talk to any face

Eleven faces, each with a personality and a voice of its own. Type, and it answers aloud.

  • Talks back
  • 3D face
  • Live lip sync
3D face

Style studio

Every setting on a slider. Or ask Iris for a makeover, and she restyles her own face.

  • Talks back
  • 3D face
  • AI changes its look
3D face

Mood board

Fifteen moods, six states and an expression mixer. Then direct Max the actor.

  • Talks back
  • 3D face
  • Expressions
3D face

Your photo, talking

A photo becomes a talking character in your browser. Name it, pick a voice, say hello.

  • Talks back
  • On your device
  • Export
3D face

Lip-sync anything

Talk into your microphone and a face mouths along in real time. No AI needed.

  • Microphone
  • No AI

2D pictures

Wireface 2D animates the picture itself, so any art style can talk.

2D picture

Thirteen pictures, thirteen voices

A photo, an oil painting, anime, pixel art, claymation: pick one and talk.

  • Talks back
  • Any art style
2D picture

Museum after hours

You're the night guard and the portraits are awake. Four live faces at once.

  • Talks back
  • Four faces

three.js

Faces as real geometry on three.js characters and models, lit by the scene.

three.js

The robot

A glTF robot gets a face, then dances, waves and jumps when you ask it to.

  • Talks back
  • glTF model
  • Animations
three.js

The three.js cast

Six characters on one stage. Talk to any of them while the rest turn to watch.

  • Talks back
  • Six characters
three.js

A crowd that watches you

Twenty-four faces in one scene, every one following your pointer.

  • 24 faces
  • Gaze

Use cases

What a face does for a product: help, teach, sell, entertain.

Use case

Faces on devices

A hotel kiosk, a kitchen display and a TV, each with a face that puts up cards as it talks.

  • Talks back
  • Kiosks
  • FaceScreen
Use case

Haggle with the merchant

A game character you can really haggle with. You've got 100 gold.

  • Talks back
  • Games
  • three.js
Use case

Language tutor

Lucia teaches you phrases in six languages, with flashcards.

  • Talks back
  • Education
  • 3D face

More to try on this site

Bigger demos, each on a page of its own.

Make a face

Wireface Core's playground: every face and look, and your own photo.

Make any picture talk

Add a picture of your own, any style, and talk to it.

The Wireface Theatre

Eleven three.js characters on a stage: click anyone to hear them.

Bring webpage images to life

One script tag, and every portrait on a page blinks and glances. Free.

Portable characters

Load .wireface.json characters with just the runtime, offline.

Voice Agent Lab

Test a voice agent on lifelike callers, each with a face.

Build your own

Every example is the free SDK

The faces, the lip sync, the feelings and the voice streaming in these examples are what the Wireface SDK gives you, to use with whichever AI you like. Each example's Code tab shows the heart of it.

Get the free SDK SDK guide Pricing