All Projects → charliegerard → dark-mode-clap-extension

charliegerard / dark-mode-clap-extension

Licence: GPL-3.0 license
Chrome extension to toggle dark mode on Netlify by clapping hands 👏

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to dark-mode-clap-extension

splat
Motion-controlled Fruit Ninja clone using Three.js & Tensorflow.js
Stars: ✭ 84 (+2.44%)
Mutual labels:  tensorflowjs, tfjs
aio-rek
Face recognition based attendance system
Stars: ✭ 19 (-76.83%)
Mutual labels:  tensorflowjs, tfjs
stackml-js
Machine Learning platform in-browser for creators
Stars: ✭ 34 (-58.54%)
Mutual labels:  tensorflowjs, tfjs
Face Api.js
JavaScript API for face detection and face recognition in the browser and nodejs with tensorflow.js
Stars: ✭ 13,258 (+16068.29%)
Mutual labels:  tensorflowjs, tfjs
Face-Mask
Real time webcam face detection, protect yourself from COVID19 with a virtual mask
Stars: ✭ 64 (-21.95%)
Mutual labels:  tensorflowjs, tfjs
nanodet
NanoDet: Tiny Object Detection for TFJS and NodeJS
Stars: ✭ 19 (-76.83%)
Mutual labels:  tensorflowjs, tfjs
ai-lab
Library of components for TensorFlow.js in web frameworks.
Stars: ✭ 41 (-50%)
Mutual labels:  tensorflowjs
js-gym
Reinforcement learning in JavaScript & Node.js
Stars: ✭ 50 (-39.02%)
Mutual labels:  tensorflowjs
Wisty.js
🧚‍♀️ Chatbot library turning conversations into actions, locally, in the browser.
Stars: ✭ 24 (-70.73%)
Mutual labels:  tensorflowjs
StyleSight
Browser based 'real-time' AR 'fast' neural style transfer using tensorflowjs
Stars: ✭ 15 (-81.71%)
Mutual labels:  tensorflowjs
teachablemachine-node
Using Teachable Machine Models in Node.js
Stars: ✭ 45 (-45.12%)
Mutual labels:  tensorflowjs
parallax-effect
🤹🏻‍♂️ Parallax effect in javascript using face tracking. An immersive view in 3d with webcam.
Stars: ✭ 299 (+264.63%)
Mutual labels:  tfjs
anomagram
Interactive Visualization to Build, Train and Test an Autoencoder with Tensorflow.js
Stars: ✭ 152 (+85.37%)
Mutual labels:  tensorflowjs
ml gallery
This is a master project of some experiments with Neural Networks. Every project here is runnable, visualized and explained clearly.
Stars: ✭ 18 (-78.05%)
Mutual labels:  tensorflowjs
language-modeling
This is machine learning model that is trained to predict next word in the sequence. Model is defined in keras and then converted to tensorflow-js model for the web, check the web implementation at
Stars: ✭ 47 (-42.68%)
Mutual labels:  tensorflowjs
face-mask-detection
Real-time Face Mask Detection using TensorFlow and Keras.
Stars: ✭ 32 (-60.98%)
Mutual labels:  tensorflowjs
intenseye-boun-workshop
Code for the workshop in BOUN Tech Summit (03.03.2019)
Stars: ✭ 32 (-60.98%)
Mutual labels:  tensorflowjs
tensorflow-wxapp
在微信小程序中运行TensorFlow模型
Stars: ✭ 61 (-25.61%)
Mutual labels:  tensorflowjs
Threepio
A multi-language library for translating commands between PyTorch, TensorFlow, and TensorFlow.js
Stars: ✭ 56 (-31.71%)
Mutual labels:  tensorflowjs
enjoytheshow
Real-time facial expression gathering
Stars: ✭ 32 (-60.98%)
Mutual labels:  tensorflowjs

Dark mode clap extension for Netlify 👏

Experiment to toggle Netlify's dark mode by clapping your hands.

This Chrome extension uses TensorFlow.js to recognise the sound of clapping hands, and toggle the dark mode on/off.

If you'd like to know more about this experiment, check out the blog post!

Install

  • Clone the repo.
  • Run yarn install to install the dependencies.
  • Run yarn build to generate the dist folder.
  • Visit chrome://extensions in your browser and make sure developer mode is toggled on.
  • Click on "Load unpacked" and select the dist folder generated.
  • Visit https://app.netlify.com and clap your hands to toggle dark mode.

The first time you use the extension, you will probably be asked for permission to use the browser's microphone, so it might take a few seconds.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].