This is the repo for the Fluid Elements and Animation course on Qt Academy.
Get the full learning experience by enrolling in the course on Qt Academy
You can also find the course playlist on the Qt YouTube channel
- How to use PropertyAnimation to animate QML elements smoothly.
- The impact of easing curves on animation speed and feel.
- How to apply BehaviorAnimation for automatic transitions based on property changes.
- How to animate elements along custom paths using PathAnimation.
- The role of States and Transitions in building dynamic UIs.
⭐ Skill Level: Beginner
⏱️ Time to Complete: 60 minutes
- In this repo, you will find the examples of animation elements we are exploring in each section of the course.
- Each folder represents where you will end up after following each section of the course.
- If you get stuck or encounter an issues, you can use these as references to get back up to speed and compare your progress.
To get started with this project, you will need to have Qt Creator installed on your computer. You can download Qt Creator from the Qt.io website.
Once you have Qt and Qt Creator installed, head over to Qt Academy and follow along to create the project template and add the assets to the project.
To run a version of the project from a specific section, navigate to the desired section folder in Qt Creator and open the CMakeLists.txt file. Build and run the project in Qt Creator. The application will launch and you will see the application at that current stage.
Note: that code examples may be slightly different from the code that appears in the videos. This is because the code in the repository has been updated to reflect developments in the course creation process and to improve the code quality. The end result is the same, but the code may be slightly different in names, comments, or structure.
If you need additional help, the following resources may be helpful:
- Qt Documentation: https://doc.qt.io
- Qt Forum: https://forum.qt.io
- Qt Academy: https://qt.io/academy
Copyright (C) 2026 Qt Group.
SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
This course and its examples explore various QML animation techniques, including property animations, easing curves, behavior animations, path animations, and state transitions.
If you, your employer, or the legal entity you act on behalf of hold commercial license(s) with a Qt Group entity, this software package constitutes Pre-Release Code under the Qt License/Frame Agreement governing those licenses, and that agreement's terms and conditions govern your access and use of this software package.
This software package may provide links or access to third party libraries or code (collectively "Third-Party Software") to implement various functions. Use or distribution of Third-Party Software is discretionary and in all respects subject to applicable license terms of applicable third-party right holders.
- The heart icon used in 04-PathAnimation is sourced from the Material Symbols library provided by Google. The icons are available under the Apache License Version 2.0.