JS Plugin & Library for web development

Plugins

1. https://github.com/yesiamrocks/cssanimation.io
2. https://github.com/IanLunn/Hover/
3. https://github.com/anijs/anijs/
4. https://github.com/tictail/bounce.js
5. https://github.com/juliangarnier/anime
6. https://github.com/h5bp/Effeckt.css
7. https://github.com/miniMAC/magic
8. https://github.com/szynszyliszys/repaintless
9. https://github.com/UstymUkhman/Dynamic.css
10. https://textillate.js.org/
11. https://git.blivesta.com/animsition/
12. https://joaopereirawd.github.io/fakeLoader.js/
13. https://jaukia.github.io/easie/
14. https://catc.github.io/iGrowl/
15. https://www.joelambert.co.uk/morf/
16. https://webkul.github.io/micron/
17. https://daniel-lundin.github.io/snabbt.js/
18. https://animejs.com/
19. https://greensock.com/scrolltrigger/
20. https://kristofferandreasen.github.io/wickedCSS/#
21. https://animate.style/
22. https://shakrmedia.github.io/tuesday/
23. https://elrumordelaluz.github.io/csshake/
24. https://github.com/bendc/animateplus
25. https://github.com/popmotion/popmotion
26. https://ianlunn.github.io/Hover/
27. https://www.minimamente.com/project/magic/
28. https://github.com/joerez/woah.css
29. https://github.com/alexcambose/motus
30. https://github.com/mojs
31. https://github.com/mamunhpath/josh.js
32. https://www.babylonjs.com/
33. https://github.com/zuramai/starback.js
34. https://maxwellito.github.io/vivus/
35. https://github.com/daybrush/scenejs
36. https://github.com/7PH/powerglitch
37. https://github.com/CreateJS/TweenJS
38. http://velocityjs.org/
39. https://github.com/mrdoob/three.js/
40. https://github.com/jlmakes/scrollreveal
41. https://github.com/lvivski/animatic
42. https://github.com/mattboldt/typed.js/
43. https://github.com/sasha240100/between.js
44. https://github.com/just-animate/just-animate
45. https://github.com/Skparab1/loading-animations
46. https://kimmobrunfeldt.github.io/progressbar.js/
47. https://www.theatrejs.com/
48. https://anijs.github.io/
49. https://sweetalert2.github.io/
50. https://letteringjs.com/
51. https://github.com/DubFriend/jquery.repeater
52. https://github.com/alirezakefayati/writer.js
53. https://github.com/fvilers/tiny-editor
54. https://github.com/fabricjs/fabric.js
55. https://pixijs.com
56. http://raphaeljs.com
57. https://threejs.org
58. https://sproutcore.com : https://github.com/sproutcore/sproutcore
59. https://select2.org/
60. https://datatables.net/
61. https://github.com/HubSpot/odometer
62. https://github.com/bevacqua/dragula
63. https://github.com/JeremyFagis/dropify
64. https://fullcalendar.io/
65. https://hpneo.dev/gmaps/
66. https://huebee.buzz/
67. https://idletimer.dev/
68. http://ionden.com/a/plugins/ion.rangeSlider/
69. http://www.jquery-steps.com/
70. https://jvectormap.com/
71. https://leafletjs.com/
72. https://lokeshdhakar.com/projects/lightbox2/
73. https://wakirin.github.io/Lightpick/
74. https://easepick.com/
75. https://dbushell.github.io/Nestable/
76. https://parsleyjs.org/
77. https://www.jqueryscript.net/tags.php?/Rating/
78. https://nashio.github.io/star-rating-svg/demo/
79. https://github.com/DubFriend/jquery.repeater
80. https://www.jqueryscript.net/form/Form-Fields-Repeater.html
81. https://github.com/nadangergeo/RWD-Table-Patterns
82. https://summernote.org/
83. https://timepicker.co/
84. https://mindmup.github.io/editable-table/
85. https://www.jqueryscript.net/table/editable-data-conversion-validation.html
86. https://atomiks.github.io/tippyjs/
87. https://www.meettippy.com/
88. https://www.jstree.com/
89. https://vitalets.github.io/x-editable/
90. https://github.com/CodeSeven/toastr
91. https://www.virtuosoft.eu/code/bootstrap-touchspin/
92. https://github.com/orangehill/bootstrap-session-timeout
93. https://clipboardjs.com/
94. https://www.daterangepicker.com/
95. https://mimo84.github.io/bootstrap-maxlength/
96. https://github.com/rgalus/sticky-js
97. https://codebyzach.github.io/pace/ -- loading bar
98. https://owlcarousel2.github.io/OwlCarousel2/
99. https://adminlte.io
100. https://bootstrapmade.com/
101. https://github.com/form-validation
102. https://github.com/mickidum/acc_toolbar
103. https://gulpjs.com/
104. https://saravanajd.github.io/YearPicker/index.html -- input year picker

Upload File

1. https://pqina.nl/filepond/
2. https://www.dropzone.dev/
3. https://simpleupload.michaelcbrook.com/
4. https://mailru.github.io/FileAPI
5. https://sroze.github.io/backbone-upload-manager/
6. https://pekebyte.github.io/pekeUpload/
7. https://formstone.it/start/
8. https://innostudio.de/fileuploader/
9. https://github.com/tus/tus-js-client
10. https://github.com/devbridge/html5-file-uploader
11. https://github.com/johndatserakis/file-upload-with-preview
12. https://github.com/LPology/Simple-Ajax-Uploader
13. https://fineuploader.com/index.html
14. https://uppload.js.org/
15. https://www.plupload.com/
16. https://github.com/RonnieSan/uploadify
17. https://filedropjs.org/
18. https://uppy.io/
19. https://blueimp.github.io/jQuery-File-Upload/
20. https://demos.shieldui.com/
21. https://github.com/danielm/uploader
22. https://github.com/kartik-v/bootstrap-fileinput
23. https://www.jqueryscript.net/form/multi-image-uploader-bootstrap.html
24. https://www.jqueryscript.net/form/ajax-file-uploader.html
25. https://fineuploader.com/

Text Editor in HTML

1. https://github.com/JefMari/awesome-wysiwyg-editors (MANY EDITOR HERE)
2. https://summernote.org/
3. https://editorjs.io/
4. https://quilljs.com/

Wizard Form

1. https://formio.github.io/formio.js/app/examples/
2. https://www.jqueryscript.net/blog/best-form-wizard.html
3. https://www.cssscript.com/tag/wizard/

Chart

1. D3js - https://d3js.org
2. Chart.js - https://www.chartjs.org
3. Recharts - https://recharts.org/en-US/
4. Plotly - https://plotly.com/javascript/
5. Bilboard.js - https://naver.github.io/billboard.js/
6. Dygraphs - https://dygraphs.com
7. vis.js - https://visjs.org
8. Google chart - https://developers.google.com/chart
9. Highcharts - https://www.highcharts.com
10. Apexcharts.js - https://apexcharts.com
11. Morris - https://morrisjs.github.io/morris.js/
12. Apache ECharts - https://echarts.apache.org/en/index.html

JS TOOLS

Note : Note 1 / Note 2

1. https://beautifier.io/
2. https://obfuscator.io/#code

Library

Jquery

1. https://api.jquery.com/
2. https://jqueryui.com/development/

Underscore

1. https://github.com/jashkenas/underscore

Lodash

1. https://lodash.com

Backbonejs

1. https://backbonejs.org

Prototype

1. http://prototypejs.org
2. Extensions to the browser scripting environment and provides elegant APIs around the clumsy interfaces of Ajax and the Document Object Model.

TypeScript

• https://www.typescriptlang.org
• TypeScript is a syntactic superset of JavaScript which adds static typing.
• This basically means that TypeScript adds syntax on top of JavaScript, allowing developers to add types.
• JavaScript is a loosely typed language. It can be difficult to understand what types of data are being passed around in JavaScript.
• In JavaScript, function parameters and variables don't have any information! So developers need to look at documentation, or guess based on the implementation.
• TypeScript allows specifying the types of data being passed around within the code, and has the ability to report errors when the types don't match.
• For example, TypeScript will report an error when passing a string into a function that expects a number. JavaScript will not.

JS Framework

Client Environment

1. Vue.js - https://vuejs.org
2. Angular - https://angular.io
3. React - https://react.dev : You need to make a custom router if you want a server render application. Plain React, no framework
4. Ember - https://emberjs.com

Server Environment

1. Node.js - https://nodejs.org/en
2. Expressjs - https://expressjs.com : Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.
3. Koa - https://koajs.com : Web framework designed by the team behind Express, which aims to be a smaller, more expressive, and more robust foundation for web applications and APIs
4. Next.js - https://nextjs.org : End-to-end higher-level Web Framework on top of React and Node.js. Next.js offers both Server-Rendered and Static Web sites for Web, Desktop, and Mobile devices. It is React framework for server render application. You also can set it to use client side rendering.
5. Nuxt - https://nuxt.com : JavaScript library that based on Vue.js, Node.js, Vite and Babel.js. Nuxt is inspired by Next.js, which is a framework of similar purpose, based on React.js
6. Fastify - https://fastify.dev
7. LoopBack - https://loopback.io : A highly extensible Node.js and TypeScript framework
8. Hapi - https://hapi.dev : earliest Node.js framework
9. Restify - http://restify.com : The future of Node.js REST development

Both Environment

1. Meteor - https://www.meteor.com

Learn on youtube

1. JavaScript Mastery
2. Vue JS
3. Angular / Angular / Angular
4. Node JS
5. Next JS / Next JS
6. React JS
7. JQuery
8. Typescript / Typescript
9. Javascript 1
10. Javascript 2
11. Javascript 3
12. Javascript 4
13. Javascript 4
14. Javascript 5
15. Javascript 6

React with .Netcore Web Api

1. https://www.youtube.com/watch?v=aBPDTnPg4ks
2. https://www.youtube.com/watch?v=NemyDIUcC64&list=PLjC4UKOOcfDSA06HsjJK4ZBr1tnPaOOpq
3. https://www.youtube.com/watch?v=4RKuyp_bOhY
4. https://www.youtube.com/watch?v=ON-Z1iD6Y-c
5. https://www.youtube.com/watch?v=O5hKoBV3vaU
6. https://www.youtube.com/watch?v=noX75vnFrYc&list=PLN1yQDPWR2SMcMsO7QzMCC_g_sYr4K76Q
7. https://www.youtube.com/watch?v=OrHO7UeDwZc

Deploy React on IIS

1. https://dev.to/sumitkharche/how-to-deploy-react-application-on-iis-server-1ied
2. https://www.letsreact.org/deploy-react-application-on-iis-server/
3. https://www.youtube.com/watch?v=dHEzao6pvbk
4. https://www.advancedinstaller.com/user-guide/qa-react-app-iis-deployment.html
5. https://www.youtube.com/watch?v=uRDkRjpg48I
6. https://mateo-mojica.medium.com/how-to-deploy-a-react-application-on-an-iis-server-31409768ec92
7. https://morioh.com/a/c1c5a4b59cb5/how-to-create-and-deploy-react-application-on-iis-server
8. https://dotnetblog.asphostportal.com/how-to-host-react-js-application-in-iis/
9. https://stackoverflow.com/questions/63365558/how-can-i-host-react-app-in-iis-web-server
10. https://learn.microsoft.com/en-us/answers/questions/1209090/deploy-react-and-net-7-0-api-to-iis

For React

1. https://github.com/ed-roh/react-admin-dashboard
2. https://create-react-app.dev
3. https://mui.com/material-ui/getting-started/installation/
4. https://nivo.rocks
5. https://fullcalendar.io
6. https://formik.org/docs/overview
7. https://github.com/jquense/yup
8. https://github.com/azouaoui-med/react-pro-sidebar
9. https://fonts.google.com

Error Page Example

1. https://codepen.io/ZonFire99/pen/EaYmGV
2. https://codepen.io/nhatanh17/pen/VwwVmLK
3. https://codepen.io/robinselmer/pen/vJjbOZ
4. https://codepen.io/arman_bag/pen/GbMGVG