Demos

See examples and live demos built with TensorFlow.js.

Holobooth

Transport yourself to a tropical beach, outer space, and elsewhere with the power of web ML.

Explore demo View code

LipSync by YouTube

See how well you synchronize to the lyrics of the popular hit "Dance Monkey." This in-browser experience uses the Facemesh model for estimating key points around the lips to score lip-syncing accuracy.

Explore demo View code

Emoji Scavenger Hunt

Use your phone's camera to identify emojis in the real world. Can you find all the emojis before time expires?

Explore demo View code

Webcam Controller

Play Pac-Man using images trained in your browser.

Explore demo View code

Teachable Machine

No coding required! Teach a machine to recognize images and play sounds.

Explore demo View code

Move Mirror

Explore pictures in a fun new way, just by moving around.

Explore demo View code

Performance RNN

Enjoy a real-time piano performance by a neural network.

Explore demo View code

Node.js Pitch Prediction

Train a server-side model to classify baseball pitch types using Node.js.

View code

Visualize Model Training

See how to visualize in-browser training and model behaviour and training using tfjs-vis.

Explore demo View code

Community demos

Get started with official templates and explore top picks from the community for inspiration.

Glitch

Check out community Glitches and make your own TensorFlow.js-powered projects.

Explore Glitch

CodePen

Fork boilerplate templates and check out working examples from the community.

Explore CodePen

GitHub Community Projects

See what the community has created and submitted to the TensorFlow.js gallery page.

Explore GitHub

#MadewithTFJS on Twitter

Learn the latest on new projects created with TensorFlow.js and share your own by using the hashtag!

Explore Twitter

Browser Node.js Python Browser Node.js Image Numeric Sequence Text Convolutional neural network Long short-term memory Multilayer perceptron Recurrent neural network Shallow neural network Attention mechanism Deep Q-Network Gated recurrent unit Generative adversarial network Policy gradient t-Distributed stochastic neighbor embedding Variational autoencoder Core (Ops) Layers

Has demo

Example	Input data type	Task type	Model type	Training environment	Inference environment	API type	Demo
abalone-node	Numeric	Loading data from local file and training in Node.js	Multilayer perceptron	Node.js	Node.js	Layers	No demo
addition-rnn	Text	Sequence-to-sequence	RNN: SimpleRNN, GRU and LSTM	Browser	Browser	Layers	View Demo
addition-rnn-webworker	Text	Sequence-to-sequence	RNN: SimpleRNN, GRU and LSTM	Browser: Web Worker	Browser: Web Worker	Layers	No demo
angular-predictive-prefetching	Numeric	Multiclass predictor	Deep Neural Network	Browser: Service Worker	Browser: Service Worker	Layers	No demo
baseball-node	Numeric	Multiclass classification	Multilayer perceptron	Node.js	Node.js	Layers	No demo
boston-housing	Numeric	Regression	Multilayer perceptron	Browser	Browser	Layers	View Demo
cart-pole		Reinforcement learning	Policy gradient	Browser	Browser	Layers	View Demo
chrome-extension	Image	(Deploying TF.js in Chrome extension)	Convolutional neural network		Browser		No demo
custom-layer		(Defining a custom Layer subtype)			Browser	Layers	View Demo
data-csv		Building a tf.data.Dataset from a remote CSV					View Demo
data-generator		Building a tf.data.Dataset using a generator	Regression	Browser	Browser	Layers	View Demo
date-conversion-attention	Text	Text-to-text conversion	Attention mechanism, RNN	Node.js	Browser and Node.js	Layers	View Demo
electron	Image	(Deploying TF.js in Electron-based desktop apps)	Convolutional neural network		Node.js		No demo
fashion-mnist-vae	Image	Generative	Variational autoencoder	Node.js	Browser	Layers	No demo
interactive-visualizers	Image	Multiclass classification, object detection, segmentation			Browser		No demo
iris	Numeric	Multiclass classification	Multilayer perceptron	Browser	Browser	Layers	View Demo
iris-fitDataset	Sequence-to-sequence	Multiclass classification	Multilayer perceptron	Browser	Browser	Layers	View Demo
jena-weather	Text	Sequence-to-prediction	MLP and RNNs	Browser and Node.js	Browser	Layers	View Demo
lstm-text-generation	Image	Sequence-to-prediction	RNN: LSTM	Browser	Browser	Layers	View Demo
mnist	Image	Multiclass classification	Convolutional neural network	Browser	Browser	Layers	View Demo
mnist-acgan	Image	Generative adversarial network	Convolutional neural network; GAN	Node.js	Browser	Layers	View Demo
mnist-core	Image	Multiclass classification	Convolutional neural network	Browser	Browser	Core (Ops)	View Demo
mnist-node	Image	Multiclass classification	Convolutional neural network	Node.js	Node.js	Layers	No demo
mnist-transfer-cnn	Image	Multiclass classification (transfer learning)	Convolutional neural network	Browser	Browser	Layers	No demo
mobilenet	Image	Multiclass classification	Convolutional neural network		Browser	Layers	View Demo
polynomial-regression	Numeric	Regression	Shallow neural network	Browser	Browser	Layers	View Demo
polynomial-regression-core	Numeric	Regression	Shallow neural network	Browser	Browser	Core (Ops)	View Demo
quantization	Various	Demonstrates the effect of post-training weight quantization	Various	Node.js	Node.js	Layers	No demo
sentiment	Text	Sequence-to-binary-prediction	LSTM, 1D ConvNet	Node.js	Node.js or Python	Layers	View Demo
simple-object-detection	Image	Object detection	Convolutional neural network (transfer learning)	Node.js	Browser	Layers	View Demo
snake-dqn		Object detection	Deep Q-Network	Node.js	Browser	Layers	View Demo
translation	Text	Sequence-to-sequence	LSTM encoder and decoder	Node.js or Python	Browser	Layers	View Demo
tsne-mnist-canvas		Dimension reduction and data visualization	tSNE	Browser	Browser	Core (Ops)	No demo
webcam-transfer-learning	Image	Multiclass classification (transfer learning)	Convolutional neural network	Browser	Browser	Layers	View Demo
website-phishing	Numeric	Binary classification	Multilayer perceptron	Browser	Browser	Layers	View Demo

Learn how to use and contribute

Get started with TensorFlow.js

Explore tutorials