---
visibility: public
---

# TensorFlow.js

**repo:** [aaronhma/awesome-tensorflow-js](https://github.com/aaronhma/awesome-tensorflow-js)  
**category:** [[computer-science|Computer Science]]
**related:** [[tensorflow|Tensorflow]] · [[javascript|Javascript]]

---

# Awesome TensorFlowJS [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)

TensorFlow.js is [an open source software library](https://github.com/tensorflow/tfjs) to develop machine learning models in JavaScript, and use machine learning
(training and inference) directly in the browser or Node.js.

This list is a collection of the best [TensorFlow.js](https://www.tensorflow.org/js) tools, resources, videos and shiny things.

---

## Contents

- [Learn](#learn)
  - [Documentation](#documentation)
  - [Tutorials](#tutorials)
  - [Models/Projects](#modelsprojects)
  - [Papers](#papers)
  - [Videos](#videos)
  - [Books](#books)
  - [Blog & Posts](#blog--posts)
  - [Powered by [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js](#powered-by-tensorflowjs)

- [Tools](#tools)
  - [Libraries](#libraries)
  - [Tools/Utilities](#toolsutilities)

- [Community](#community)
  - [Online Community](#online-community)
  - [Social Media](#social-media)

- [Contributions](#contributions)

---

## 📖 Learn

### 📃 Documentation

- [Official Documentation](https://www.[tensorflow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).org/js/guide)
- [API Reference](https://js.[tensorflow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).org/api/latest/)

### 📝 Tutorials

- [TensorFlow.js gallery](https://github.com/tensorflow/tfjs/blob/master/GALLERY.md) -  A collection of [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js projects, [tutorials](/@harrisonqian/awesome/wiki/computer-science/tutorials), videos, and more.
- [Machine [Learning](/@harrisonqian/awesome/wiki/programming-languages/learning) Crash Course](https://developers.google.com/machine-learning/crash-course/) - Google's fast-paced, practical introduction to [machine learning](/@harrisonqian/awesome/wiki/computer-science/machine-learning).
- [Google Codelabs](https://codelabs.developers.google.com/) - Google Developers Codelabs provide a guided, tutorial, hands-on coding experience.
- [Beginning ML with [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js](https://academy.infinite.red/p/beginning-machine-[learning](/@harrisonqian/awesome/wiki/programming-languages/learning)-with-tensorflow-js) - Full online course for web devs to get into TF.js.
- [Effective [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js](https://effectivemachinelearning.com/TensorFlow.js) - TensorFlow.js [tutorials](/@harrisonqian/awesome/wiki/computer-science/tutorials) and best practices.

### 🤖 Models/Projects

- [Official tfjs models on [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js repo](https://github.com/tensorflow/tfjs-models) - Pretrained models for TensorFlow.js.
- [Official tfjs models on [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js website](https://www.tensorflow.org/js/models) - Explore pre-trained TensorFlow.js models that can be used in any project out of the box.
- [@[tensorflow](/@harrisonqian/awesome/wiki/computer-science/tensorflow)-models on NPM](https://www.npmjs.com/search?q=%40tensorflow-models) - Various pretrained models for TensorFlow.js on NPM.
- [Official tfjs examples repo](https://github.com/tensorflow/tfjs-examples) - Examples built with [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js!
- [Official tfjs demo website](https://www.[tensorflow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).org/js/demos) - See examples and live demos built with TensorFlow.js!

### 📎 Papers

- [TensorFlow.js: [Machine Learning](/@harrisonqian/awesome/wiki/computer-science/machine-learning) for the Web and Beyond](https://arxiv.org/abs/1901.05350) - This paper describes the design, API, and implementation of [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js, and highlights some of the impactful use cases.
- [JSDoop and [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js: Volunteer Distributed Web Browser-Based Neural Network Training](https://arxiv.org/abs/1910.07402) - The experimental results show that training a neural network in distributed web browsers is feasible and accurate, has a high [scalability](/@harrisonqian/awesome/wiki/front-end-development/scalability), and it is an interesting area for research.

### 🎥 Videos

- [Official [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js video series](https://www.youtube.com/playlist?reload=9&list=PLs6AluHXaQnjeI6jzDkpKXvbPj31i4GgF) - The YouTube content focuses on [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow) ecosystem updates.
- [TensorFlow.js: ML for the web and beyond](https://youtu.be/iH9CS-QYmZs) - [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow) Dev Summit 2020.
- [Rock Paper Scissors!](https://www.youtube.com/watch?v=y4pfTQJaUJU) - Train Rock Paper Scissors on your machine and watch the results with your webcam!
- [Color Blind Tensors](https://www.youtube.com/watch?v=X55m9eS5UFU) - Manipulate image tensors to perceive color blindness, live coding.

### 📚 Books

- [Deep [Learning](/@harrisonqian/awesome/wiki/programming-languages/learning) with JavaScript](https://www.manning.com/books/deep-learning-with-javascript) - Learn to use [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js to build [deep learning](/@harrisonqian/awesome/wiki/computer-science/deep-learning) models that run directly in the browser, master all the basics of [deep learning](/@harrisonqian/awesome/wiki/computer-science/deep-learning) and explore advanced concepts, like retraining existing models for transfer [learning](/@harrisonqian/awesome/wiki/programming-languages/learning) and image generation by Shanqing Cai, Stanley Bileschi, Eric D. Nielsen and Francois Chollet.

- [Hands-On [Machine Learning](/@harrisonqian/awesome/wiki/computer-science/machine-learning) with [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js](https://www.amazon.com/Hands-Machine-[Learning](/@harrisonqian/awesome/wiki/programming-languages/learning)-TensorFlow-js-applications/dp/1838821732) - A guide to building ML applications integrated with web technology using the TensorFlow.js library by Kai Sasaki.

- [Learning [Tensorflow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js: Powerful [Machine Learning](/@harrisonqian/awesome/wiki/computer-science/machine-learning) in JavaScript](https://amzn.to/3dR3vpY) - In this guide, author [Gant Laborde](https://github.com/gantman) provides a hands-on, end-to-end approach to TensorFlow.js fundamentals for a broad technical audience that includes data scientists, engineers, web developers, students, and researchers.

- [Practical [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js](https://www.apress.com/gp/book/9781484262726) - [Deep Learning](/@harrisonqian/awesome/wiki/computer-science/deep-learning) in Web App Development by Juan De Dios Santos Rivera.

- [Practical [Machine Learning](/@harrisonqian/awesome/wiki/computer-science/machine-learning) in JavaScript](https://www.apress.com/gp/book/9781484264171) - [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js for Web Developers by Charlie Gerard.

### 📰 Blog & Posts

- [Official [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js blog](https://blog.tensorflow.org/search?label=TensorFlow.js&max-results=20) - Covers building models in [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) and using them in the browser or in [Node.js](/@harrisonqian/awesome/wiki/platforms/node-js).
- [Towards Data Science](https://towardsdatascience.com/search?q=[tensorflow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js)

### 🤩 Powered by TensorFlow.js

- [Handwritten Digit Classification](https://github.com/aaronhma/ngconf-2020) - A showcase project for [NgConf 2020](https://www.ng-conf.org/) talk on **A Journey into the World of [Machine Learning](/@harrisonqian/awesome/wiki/computer-science/machine-learning) with [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js**.
- [NSFWJS - Indecent Content Checker](https://github.com/infinitered/nsfwjs) - A friendly library to check images to see if they are indecent content on either the client or the server!
- [Pose Animator](https://pose-animator-demo.firebaseapp.com/camera.html) - A tool to bring SVG characters to life in the browser via motion capture.
- [LipSync](https://lipsync.withyoutube.com/) - A web-based, playful, interactive experiences to lip sync to your favorite songs.
- [BodyPix](https://storage.googleapis.com/tfjs-models/demos/body-pix/index.html) - A real-time person and body-part segmentation in the browser.

## 🔨 Tools

### Libraries

- [TensorFlow.js](https://github.com/tensorflow/tfjs) - A [WebGL](/@harrisonqian/awesome/wiki/front-end-development/webgl) accelerated [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) library for training and deploying ML models.
- [ml5.js](https://ml5js.org/) - Friendly [machine learning](/@harrisonqian/awesome/wiki/computer-science/machine-learning) for the web.
- [face-api.js](https://github.com/justadudewhohacks/face-api.js) - [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) API for face detection and face recognition in the browser and [Node.js](/@harrisonqian/awesome/wiki/platforms/node-js) with [tensorflow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js.
- [handtrack.js](https://github.com/victordibia/handtrack.js/) - A library for prototyping realtime hand detection (bounding box), directly in the browser.
- [magenta.js](https://magenta.[tensorflow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).org/get-started/#magenta-js) - [Music](/@harrisonqian/awesome/wiki/media/music) and Art Generation with Machine Intelligence in the Browser.
- [Danfo.js](https://danfo.jsdata.org/) - High-performance, intuitive, and easy-to-use data structures for manipulating and processing structured data. (Inspired by Pandas)

### Tools/Utilities

- [Glitch](https://glitch.com/@TensorFlowJS) - Build fast, full-stack web [apps](/@harrisonqian/awesome/wiki/platforms/apps) in browser for free (Tensorflow.js templates).
- [CodePen](https://codepen.io) - *bit.ly/codepen-tfjs* Best place to build, test and discover front-end code (Tensorflow.js templates).
- [TensorFlow Playground](https://playground.[tensorflow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).org) - Tinker With a Neural Network Right Here in Your Browser!
- [AiJS](https://aijs.rocks/) - A curated collection of inspirational AI-powered [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) [apps](/@harrisonqian/awesome/wiki/platforms/apps).
- [Teachable Machine](https://teachablemachine.withgoogle.com/) - Train a computer to recognize your own images, sounds, & poses!
- [TensorPlayground.com](https://www.tensorplayground.com/1.0.0/) - Write, modify, and view tensors directly in the browser. Then share the code with others.

## 🎉 Community

### Online Community

- [Twitter](https://twitter.com/tensorflow)
- [Stack Overflow](https://stackoverflow.com/questions/tagged/tensorflow.js)
- [Reddit](https://www.reddit.com/r/TensorFlowJS)

### Social Media

- [#MadeWithTFJS](https://twitter.com/hashtag/MadeWithTFJS) - See what the community has made and share your work!
- [Laurence Moroney](https://twitter.com/lmoroney) - Lead of AI Developer Relations at Google.
- [Nikhil Thorat](https://twitter.com/nsthorat) - Co-lead of [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js.
- [Daniel Smilkov](https://twitter.com/dsmilkov) - Co-creator of [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js.
- [Paige Bailey](https://twitter.com/DynamicWebPaige) - Building
Google AI for everyone, and for every platform.
- [Aaron Ma](https://twitter.com/aaronhma) - World's youngest [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow) contributor!
- [Sandeep Gupta](https://twitter.com/TheSandeepGupta) - Product Manager for [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).
- [Jason Mayes](https://twitter.com/jason_mayes) - Developer advocate for [TensorFlow](/@harrisonqian/awesome/wiki/computer-science/tensorflow).js.
- [Gant Laborde](https://twitter.com/GantLaborde) - Web & [Machine Learning](/@harrisonqian/awesome/wiki/computer-science/machine-learning) GDE.

## 💡 Contributions

Your contributions are always welcome!

If you want to contribute to this list (please do), send me a pull request or contact me [@aaronhma on Twitter](https://twitter.com/aaronhma)
Also, if you notice that any of the above listed repositories should be deprecated, due to any of the following reasons:

- The repository's owner explicitly says that "this library is not maintained".
- Not committed for long time (2~3 years).

More info on the [guidelines](CONTRIBUTING.md).

**NOTE: In order to create an community that is welcome for all, ALL contributors MUST agree to the [Code of Conduct](https://github.com/aaronhma/awesome-tensorflow-js/blob/master/CODE_OF_CONDUCT.md).**

## ⭐ Star History

[![Star History Chart](https://api.star-history.com/svg?repos=aaronhma/awesome-tensorflow-js&type=Date)](https://www.star-history.com/#aaronhma/awesome-tensorflow-js&Date)
