✨5 JavaScript Animation Libraries Every Web Developer Should Know✨
1. Swiper
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.
(https://swiperjs.com/)
2. GreenSock
The GreenSock Animation Platform (GSAP for short) is a powerful JavaScript library that enables front-end developers and designers to create robust timeline based animations.
(https://greensock.com/)
3. Three.js
Three.js is a cross-browser JavaScript library and application programming interface used to create and display animated 3D computer graphics in a web browser using WebGL.
(https://threejs.org/)
4. AOS Library
AOS - Animate on scroll library. It has no other dependencies, which helps to keep your website's performance under control.
(https://github.com/michalsnik/aos)
5. Splide
Splide is a lightweight, powerful and flexible slider and carousel, written in pure JavaScript without any dependencies.
(https://splidejs.com/)
1. Swiper
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.
(https://swiperjs.com/)
2. GreenSock
The GreenSock Animation Platform (GSAP for short) is a powerful JavaScript library that enables front-end developers and designers to create robust timeline based animations.
(https://greensock.com/)
3. Three.js
Three.js is a cross-browser JavaScript library and application programming interface used to create and display animated 3D computer graphics in a web browser using WebGL.
(https://threejs.org/)
4. AOS Library
AOS - Animate on scroll library. It has no other dependencies, which helps to keep your website's performance under control.
(https://github.com/michalsnik/aos)
5. Splide
Splide is a lightweight, powerful and flexible slider and carousel, written in pure JavaScript without any dependencies.
(https://splidejs.com/)
Learn JavaScript™ pinned «✨5 JavaScript Animation Libraries Every Web Developer Should Know✨ 1. Swiper Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps…»
JavaScript Tip 💡
The Object.freeze() method freezes an object.
A frozen object can no longer be changed and will result in an error. #Javascripttip
The Object.freeze() method freezes an object.
A frozen object can no longer be changed and will result in an error. #Javascripttip
JavaScrip Tip 💡
Avoid unnecessary async-await.
If the function returns a Promise directly, there's no need to await it. #Javascripttip
Avoid unnecessary async-await.
If the function returns a Promise directly, there's no need to await it. #Javascripttip
JavaScript Tip 💡
By using function composition, you can compose functions for different purposes.
In this case, we're using one function to create different "setter" functions for updating state in React.
#Javascripttip #Reacttip
By using function composition, you can compose functions for different purposes.
In this case, we're using one function to create different "setter" functions for updating state in React.
#Javascripttip #Reacttip
JavaScript Tip 💡
You can set timers using console.time.
This can be useful when debugging slow loops or function calls.
#Javascripttip
You can set timers using console.time.
This can be useful when debugging slow loops or function calls.
#Javascripttip
React Tip 💡
If your component renders the same result given the same props, try wrapping it in React.memo to make them "pure".
This will prevent them from re-rendering, except when their props are changing.
It can potentially give you a great performance boost 🔥
#Javascripttip #ReactTip
If your component renders the same result given the same props, try wrapping it in React.memo to make them "pure".
This will prevent them from re-rendering, except when their props are changing.
It can potentially give you a great performance boost 🔥
#Javascripttip #ReactTip
Inovatik offers a lot of free HTML/CSS templates you can use for your projects.
Link: https://inovatik.com/
Link: https://inovatik.com/
Learn Anything is a website that shows you the right way to learn any technique with appropriate resources
🖇️ https://learn-anything.xyz/
🖇️ https://learn-anything.xyz/
⧩ 5 JavaScript Machine Learning Libraries⧩
ᐉ ml5
ml5 brings friendly machine learning to the web!
The project is still in development and aims to make machine learning approachable for a broad audience.
🖇️
https://github.com/ml5js/ml5-library
ᐉ Neuro
Focuses more on chatbots, personal assistants, and conversational AIs.
Actively developed and runs on the web too!
🖇️
https://github.com/intelligo-mn/neuro
ᐉ Brain
This was my first library on ML, it provides GPU accelerated neural networks so if you have a good gaming GPU, you're in luck!
🖇️
https://github.com/brainJS/brain.js
ᐉ DeepForge
It is a development environment for deep learning providing support in creating deep learning models.
🖇️
https://github.com/deepforge-dev/deepforge
ᐉ stdlib
stdlib is used alongside with machine learning library.
It provides some very useful utility functions for doing calculations.
🖇️
https://github.com/stdlib-js/stdlib
ᐉ ml5
ml5 brings friendly machine learning to the web!
The project is still in development and aims to make machine learning approachable for a broad audience.
🖇️
https://github.com/ml5js/ml5-library
ᐉ Neuro
Focuses more on chatbots, personal assistants, and conversational AIs.
Actively developed and runs on the web too!
🖇️
https://github.com/intelligo-mn/neuro
ᐉ Brain
This was my first library on ML, it provides GPU accelerated neural networks so if you have a good gaming GPU, you're in luck!
🖇️
https://github.com/brainJS/brain.js
ᐉ DeepForge
It is a development environment for deep learning providing support in creating deep learning models.
🖇️
https://github.com/deepforge-dev/deepforge
ᐉ stdlib
stdlib is used alongside with machine learning library.
It provides some very useful utility functions for doing calculations.
🖇️
https://github.com/stdlib-js/stdlib
Learn JavaScript™ pinned «⧩ 5 JavaScript Machine Learning Libraries⧩ ᐉ ml5 ml5 brings friendly machine learning to the web! The project is still in development and aims to make machine learning approachable for a broad audience. 🖇️ https://github.com/ml5js/ml5-library ᐉ Neuro…»
Forwarded from Learn CSS™
🍻 Beercss
Open Source Css Framework based on Material Design:
Github: https://github.com/beercss/beercss
Site: www.beercss.com
Open Source Css Framework based on Material Design:
Github: https://github.com/beercss/beercss
Site: www.beercss.com