dinuka-rp / Awesome-UI-UX

This repository contains projects, tutorials, tools & resources with UI/UX Effects and Animations that are awesome.

Awesome-UI-UX

This repository contains projects, tutorials, tools & resources with UI/UX Effects and Animations that are awesome.

JavaScript, CSS, Sass

Video Tutorials

UI Video Tutorials

• Sass - Dev Ed
• Build a Modern Landing Page Website - Kevin Powell
• Animated Responsive Navbar - Dev Ed

UX Video Tutorials

• Apple AirPods Pro JS Animation with ScrollMagic - Dev Ed
• JS 3D Animation - Dev Ed
• JS Browser Animations - Dev Ed
• Animating SVG with the Awesome GSAP 3.0 - DesignCourse

---

Tools/ Libraries

UI Tools/ Libraries

• Font Awesome - vector icons

Browser Animation Tools/ Libraries

• GSAP - animates anything JavaScript can touch
  • Cheatsheet

---

Awesome sites with Resources

Sites to find Awesome Vector Illustrations

• UnDraw
• Blush
• Open Peeps
• Humaaans
• Sapiens Character Builder
• Skribbl

Sites to find Awesome Animations

• Lottie

Sites to get free graphic-content for application UIs

• UnSplash - High quality images (an API is available)
• Freepik - Free Vector Graphics

---

UI/UX software

Prototyping software

• Figma
• AdobeXD

2D Animations Software

• Rive
• Adobe After Effects

---

JavaScript, CSS, Sass

Video Tutorials

UI Video Tutorials

• Sass - Dev Ed
• Build a Modern Landing Page Website - Kevin Powell

UX Video Tutorials

• Apple AirPods Pro JS Animation with ScrollMagic - Dev Ed
• JS 3D Animation - Dev Ed
• JS Browser Animations - Dev Ed
• Animating SVG with the Awesome GSAP 3.0 - DesignCourse

---