Learn Animation

Make your website pop with eye-catching animations. Read these free animation tutorials to master CSS and JavaScript techniques for creating successful animations.
Read moreRead less
All content
Courses
Tutorials

All Animation courses:

  1. Motion Design for the Web | FREE COURSE

    Motion Design for the Web | FREE COURSE

    Course • Beginner

    In this free motion design tutorial (5 hours long!) you‘ll learn how to include motion in your web design projects using video, CSS, JavaScript, GSAP, SVG,...

  2. Beginner to Advanced With Adobe XD Auto-Animate

    Beginner to Advanced With Adobe XD Auto-Animate

    Course • Beginner

    Master the art of Adobe XD animation in this free Adobe XD tutorial. You'll learn how to use Adobe XD auto-animate to bring your prototypes to life! Adobe...

  3. Practical Web Animation

    Practical Web Animation

    Course • Intermediate

    The days of animation-heavy websites are fading, but there is still something to be said for a site with small amounts of subtle, eye-catching motion to help...

  4. 3D Animation With Three.js

    3D Animation With Three.js

    Course • Intermediate

    In our previous Three.js courses, we covered the essentials of getting around in the Three.js framework. In this course, we’re going to build on that...

  5. Creating Animated HTML5 Page Transitions

    Creating Animated HTML5 Page Transitions

    Course • Intermediate

    Animation in modern websites is usually limited to hover effects, banner sliders, and the like. More rarely might we see websites that transition from one...

  6. Getting Started With ScrollMagic

    Getting Started With ScrollMagic

    Course • Intermediate

    The proliferation of JavaScript front-end libraries has made many tasks simpler for web designers and developers. In this short course, you will be...

  7. 3 GreenSock Projects: Practical Animation With GSAP

    3 GreenSock Projects: Practical Animation With GSAP

    Course • Intermediate

    In this course, I’ll walk you through three projects where you will learn how to create programmatic animations, in real-world scenarios, using the GreenSock...

  8. Learn Motion UI From Top to Bottom

    Learn Motion UI From Top to Bottom

    Course • Intermediate

    In this short course you’ll learn everything you need to know about Motion UI, the Sass library for transitions and animations from ZURB. We'll cover...

  9. Advanced Animation With GSAP Plugins

    Advanced Animation With GSAP Plugins

    Course • Intermediate

    The GreenSock Animation Platform is a powerful JavaScript library for animating HTML elements in the browser. In this course, you will go beyond the basics...

  10. Motion Design With Principle for Mac

    Motion Design With Principle for Mac

    Course • Beginner

    Creating beautiful graphics is a must for any good app, but it’s the transitions between states and information which make for a great UI. This short course...

  11. Scroll Events Made Easy

    Scroll Events Made Easy

    Course • Beginner

    Many beginner web designers shy away from slick effects like parallax scrolling simply because they're afraid of JavaScript. In this lesson, you'll learn how...

  12. GreenSock Animation Platform: First Steps

    GreenSock Animation Platform: First Steps

    Course • Intermediate

    GreenSock is a JavaScript framework which makes it easy to animate HTML elements. During this course, you will take your first steps in learning how to use...

Related Categories

CSS
HTML/CSS
UI Design
Sketch
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.