# Animations

> This page is about FlutterFlow Studio (the visual builder), not FlutterFlow (the app builder you use by describing your app).

URL: https://docs.flutterflow.io/concepts/animations

Learn the basics of animations in FlutterFlow Studio.

Enhancing your app with animations significantly improves the user experience, making it more engaging and intuitive. In FlutterFlow Studio, you have several options to add animations to your app:

- [**Widget Animations**](https://docs.flutterflow.io/concepts/animations/widget-animations): Add animation effects to an entire widget.
- [**Implicit Animations**](https://docs.flutterflow.io/concepts/animations/implicit): Animate changes in specific widget properties, such as the height of a Container.
- [**Hero Animations**](https://docs.flutterflow.io/concepts/animations/hero-animations): Animate a widget that transitions smoothly between screens, also known as shared element transitions.
- [**Page Transition Animations**](https://docs.flutterflow.io/concepts/animations/page-transition): Specify transitions between pages within your app.
- **Import Animations**: Import animations you've created using other tools such [lottiefiles](https://docs.flutterflow.io/concepts/animations/lottie-animation) and [Rive](https://docs.flutterflow.io/concepts/animations/rive-animation).
- [**Shaders**](https://docs.flutterflow.io/concepts/animations/shaders): Add GPU-powered visual effects like animated backgrounds, distortions, and interactive touch-based visuals to enhance your UI.

To learn more about animations in FlutterFlow Studio, check out this video:
<div class="video-container"><iframe src="https://www.youtube.com/embed/-quxi_t0eWU?si=GdZBMFcuEZEyFplB" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>