Vue 3 Animations & Transitions Tutorial
Total watch time
1h 20m
at 1× speed · exactly 1 hour, 19 minutes, 42 seconds at 1×
| 1× | 1h 19m 42s |
|---|---|
| 1.25× | 1h 3m 46s |
| 1.5× | 53m 8s |
| 1.75× | 45m 33s |
| 2× | 39m 51s |
Plan to finish
About 2 days at an hour a day
Pick a daily pace and the days you'll watch. Ticked videos are skipped.
At one hour a day, every day, this playlist takes about 2 days. Turn on JavaScript to plan around your week.
Videos (12)
1h 20m in total · tick what you've watched
Tick videos you've watched — progress is saved in this browser.
| Watched | ||||
|---|---|---|---|---|
| 1 |
 Vue 3 Animations Tutorial #1 - Intro & Setup
|
6:45 | 2021-02-08 | |
| 2 |
 Vue 3 Animations Tutorial #2 - Starter Project Walkthrough
|
7:48 | 2021-02-08 | |
| 3 |
 Vue 3 Animations Tutorial #3 - Transition Component
|
9:42 | 2021-02-08 | |
| 4 |
 Vue 3 Animations Tutorial #4 - Animated Toast Notification
|
5:41 | 2021-02-10 | |
| 5 |
 Vue 3 Animations Tutorial #5 - Adding CSS Keyframes
|
4:57 | 2021-02-10 | |
| 6 |
 Vue 3 Animations Tutorial #6 - Group Transitions
|
5:23 | 2021-02-11 | |
| 7 |
 Vue 3 Animations Tutorial #7 - Initial & Move Transitions
|
3:08 | 2021-02-12 | |
| 8 |
 Vue 3 Animations Tutorial #8 - Transitioning Between Elements
|
6:24 | 2021-02-12 | |
| 9 |
 Vue 3 Animations Tutorial #9 - Transition JavaScript Hooks
|
10:55 | 2021-02-15 | |
| 10 |
 Vue 3 Animations Tutorial #10 - Using GSAP
|
7:11 | 2021-02-15 | |
| 11 |
 Vue 3 Animations Tutorial #11 - Staggered Animations (using GSAP)
|
6:01 | 2021-02-17 | |
| 12 |
 Vue 3 Animations Tutorial #12 - Route Transitions
|
5:47 | 2021-02-17 |
No videos match that filter.
Embed a badge
Show the watch time in a README or course description — it links back here and updates itself
[](https://playlistduration.com/playlist/PL4cUxeGkcC9ghm7-iTfS9n468Kp7l9Ipu)<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9ghm7-iTfS9n468Kp7l9Ipu"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9ghm7-iTfS9n468Kp7l9Ipu.svg" alt="Watch time: 1h 20m · 12 videos" width="203" height="20"></a>Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.
Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PL4cUxeGkcC9ghm7-iTfS9n468Kp7l9Ipu returns them as JSON — free, no key. API docs →
Data from the YouTube Data API as of 2026-09-22 (cached). Private or deleted videos are excluded from totals.