Detect JS Framework used in a Website

detect-js-framework.js

// Paste these lines into website's console (Win/Linux: Ctrl + Shift + I / Mac: Cmd + Alt + I)

if(!!window.React ||
   !!document.querySelector('[data-reactroot], [data-reactid]'))
  alert('React.js');
  
if(Array.from(document.querySelectorAll('*'))
   .some(e => e._reactRootContainer !== undefined))
   alert('React.js');
   
if(!!document.querySelector('script[id=__NEXT_DATA__]'))
  alert('Next.js');

if(!!document.querySelector('[id=___gatsby]'))
  alert('Gatsby.js');

if(!!window.angular ||
   !!document.querySelector('.ng-binding, [ng-app], [data-ng-app], [ng-controller], [data-ng-controller], [ng-repeat], [data-ng-repeat]') ||
   !!document.querySelector('script[src*="angular.js"], script[src*="angular.min.js"]'))
  alert('Angular.js');

if (!!window.getAllAngularRootElements ||
    !!window.ng?.coreTokens?.NgZone)
  alert('Angular 2+');

if(!!window.Backbone) alert('Backbone.js');
if(!!window.Ember) alert('Ember.js');
if(!!window.Vue) alert('Vue.js');
if(!!window.Meteor) alert('Meteor.js');
if(!!window.Zepto) alert('Zepto.js');
if(!!window.jQuery) alert('jQuery.js');

As mentioned here you can make it look like this:

with one click, it will alert what framework the web-app/website is using.